在什么情况下你会优先选择使用 Class Component 而不是 Functional Component?

无状态组件(Function Component)

// 无状态组件挂载时只是方法调用,没有新建实例
# 无状态组件
// 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 ,否则使用函数式组件。

results for ""

    No results matching ""