React函数组件与Class组件

函数组件的概念:函数组件是一个有效的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