javascript - ReactJS 无状态组件参数

Question

ReactJS 无状态组件参数的首选/正确选择是什么？是 Prop 还是列出所有 Prop 名称？

选择 1:

const Checkbox = props => {}

选择 2:

const Checkbox = ({name, value}) => {}

Answer 1

这里没有错误的选择。

如果你只有几个 Prop ，就像你的例子中的 name 和 value 你可以解构它们。如果你有 10 个以上的 props，我认为最好只使用 props 然后在组件主体中使用它们，这只是因为视觉风格。