你可以在 React.Fragment 上使用 props 吗？答案

【问题标题】：Can you use props on React.Fragment?你可以在 React.Fragment 上使用 props 吗？
【发布时间】：2020-04-01 04:25:11
【问题描述】：

我知道可以使用 React Fragment 对子组件进行分组，如下所示：

render() {
  return (
    <React.Fragment>
      <Foo />
      <Bar />
      <Baz />
    </React.Fragment>
  );
}

但是你可以给它添加道具吗？假设你想使用扩展运算符：

<React.Fragment {...otherProps}>
  ...
</React.Fragment>

【问题讨论】：

【解决方案1】：

不，你不能。根据片段上的React docs：

key 是唯一可以传递给 Fragment 的属性。将来，我们可能会添加对其他属性的支持，例如事件处理程序。

因此，如果你想为包装组件添加 props，请切换到一个好的 ol' div。

【讨论】：

【解决方案2】：

完全没有，因为如果你想像这样传递道具 -

<React.Fragment {...otherProps}>
....
<React.Fragment />

意思是

< {...otherProps}>
</>

Reactjs 不建议这样使用是不对的。

【讨论】：