如何在使用无状态函数定义组件时初始化状态

Question

我想使用无状态函数来定义我的组件，但这意味着我不能使用像componentWillMount这样的生命周期方法。那么如何使用初始内容渲染组件呢？

上述例子：

export const Panel = () => (<div></div>)

Answer 1

您可以使用以下默认道具：

export const Panel = ({name = 'Default user', age = 'N/A'}) => (
  <div>{name} {age}</div>
)

有关destructuring objects

的更多信息