NameCard改成函数之后还是编译失败

来源:3-1 React 属性

roylawxi

2019-08-13 15:45

根据老师的代码改成了

class NameCard = (props) => {

const {name,number,isHuman,tags}=props

return(

<div className="alert alert-success">

<h4 className="alert-heading">{name}</h4>

<ul>

<li>电弧:{number}</li>

<li>{isHuman?'人类':'外星人'}</li>

</ul>

<p>

{tags.map((tag, index)=>(<span key={index}>

{tag}

</span>))}

</p>

</div>

)

}

但是保存之后还是编译失败

Failed to compile

./src/components/NameCard.js
 Line 3:  Parsing error: Unexpected token, expected "{"

 1 | import React from 'react'
 2 |
> 3 | class NameCard = (props) => {
   |                ^
 4 | const {name,number,isHuman,tags}=props
 5 | return(
 6 | <div className="alert alert-success">

This error occurred during the build time and cannot be dismissed.


写回答 关注

2回答

  • theland
    2019-08-28 13:23:17

    class NameCard = (props) => {

    const NameCard = (props)=>{

  • gelimin
    2019-08-20 10:58:28

    请问你导出了吗 export default NameCard

基于实例的 React16 傻瓜课程

通过一系列简单有趣的例子,让你了解 React16 的基本概念和新特性

22387 学习 · 106 问题

查看课程

相似问题