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

Question

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

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

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

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

Answer 1

不，你不能。根据关于 Fragments的React 文档：

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

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