javascript - ReactJS 无状态组件参数

Question

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

选择1：

const Checkbox = props => {}

选择2：

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

标签： javascriptreactjsstateless

Answer 1

选择是你的，两种方式都好，基于组件使用

1）你可以在组件很大时使用（使用更多道具）：

选择 1：const Checkbox = props => {}

2）你可以在组件很小的时候使用，并且需要 2 或 3 个道具

选择 2： const Checkbox = ({name, value}) => {}

使用哪一个没有标准，这完全取决于您，但是当组件很大时使用choice-1，这使代码更干净。