reactjs - 你可以在 React.Fragment 上使用 props 吗？

Question

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

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

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

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

Answer 1

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

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

因此，如果您想将道具添加到包装器组件，请切换到一个好的 ol' div。

Answer 2

根本不是因为如果你想通过这样的道具 -

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

它的意思是

< {...otherProps}>
</>

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