在导出功能中访问道具

Question

如何在导出函数中访问 this.props？

export const InactiveItem = () => (
  <span
    style={{
      borderRadius: 100,
      backgroundColor: '#f5f5f5'
    }}
  >
    Inactive
  </span>
);

当我尝试 {this.props.value} 我的分页符时，我也无法创建一个 const 来存储它

Answer 1

在函数式组件中，只需使用 props 而不是使用 this。

export const InactiveItem = (props) => (
  <span
    style={{
      borderRadius: 100,
      backgroundColor: '#f5f5f5'
    }}
  >
    {props.value}
  </span>
);

<InactiveItem value="Some Value" />