函数组件的概念:函数组件是一个有效的React组件,因为他接受唯一带有数据的"props"(代表属性)对象并返回一个React元素,这类组件被称为函数组件,因为它本质上就是Javascript函数,所以也可以说定义组件最简单的方式就是编写Javascript函数
一下三个组件,无论是函数组件还是class组件,都是等效的
class组件的写法
class Namecard extends React.component{
render(){
const {tages} = this.props
return(
<div>{tages}</div>
)
}
}
export default Namecard
函数写法方式一
functiin Namecard(props){
const {tages} = props
return(
<div>{tages}</div>
)
}
export default Namecard
函数写法方式二
const Namecard = (props) =>{
const {tages} = props
return(
<div>{tages}</div>
)
}
export default Namecard