// 无状态组件挂载时只是方法调用,没有新建实例
# 无状态组件
// es5
function HelloComponent(props) { return <div>Hello {props.name}</div> }
ReactDOM.render(<HelloComponent name="marlon" />, mountNode)
// es6
const Component (props)=>(
<div>
{props.text}
...
</div>
)
在组件需要包含内部状态或者使用到生命周期函数的时候使用 Class Component ,否则使用函数式组件。