问题标签 [react-fragment]

在React第 16 版中，Fragments已实施。我喜欢使用它们！

我的问题是，如果我Fragments不必要地使用怎么办。有关系吗？如果我想稍后添加相邻元素或者这是不好的做法，我可以将它们作为我的代码的样板粘贴。

如果这是不好的做法。为什么？因为无论如何它们都不会被渲染DOM。我加不加有关系吗？

只是感觉不对，我想澄清一下。

正如我所看到React.isFragment的，目前只是一个提议：https ://github.com/facebook/react/issues/12038

有没有办法做类似的事情

直到该 API 可用。

适合我的临时解决方案：

我正在使用react v16.3.0和flow-bin v0.69.0

使用 react Fragments或类似这样<React.Fragment>的简写语法<></>

Flow 抱怨以下错误（这两者都是相同的错误，仅显示ComponentA此处的输出）

但是，通过显式导入Fragment， flow 不会抱怨。

这里发生了什么？我想使用<></>Fragment 速记语法，而这个问题暂时阻止了我这样做。

当我深入react.js研究错误中引用的 lib def 时，似乎该错误实际上是正确的 - 定义了导出，Fragment 并且未将Fragment定义为默认导出的属性。

但是流文档声明流 从v0.59开始支持反应片段。

那么这实际上是仍然存在的支持差距吗？还是我做错了什么？也许我不知何故有一个过时的 lib def 或者配置错误？我找不到任何在谷歌上搜索错误消息的内容，这让我怀疑这是我的设置问题。我也不敢相信这不能解决问题。

我刚刚了解了 React Fragments。

我知道通过创建更少的树节点并在查看检查器时使其更清晰，片段会稍微更有效，但是为什么我们应该在 React 组件中用作容器呢？我们应该总是在我们的组件中使用 React.Fragments 吗？

使用片段是否会使样式更难？（我不确定，因为我自己还没有尝试过）。

我正在使用 react 16.2.0 和 react-dom 16.2.0。以下是我的代码。

我的问题是，我在里面返回的组件没有渲染。我在控制台中也没有任何错误。

我尝试渲染简单的html代码，例如

但问题仍然存在。有人可以帮我解决这个问题。

假设我有一个简单的组件，它可能会或可能不会呈现计数器。

React 中表达阻塞代码路径的最佳实践是什么？它应该返回null,[]还是 a Fragment？

我认为null是最清楚的，但我可以想象如果返回函数周围的上下文需要一个组件，它会导致问题。[]对我来说，Fragment两者似乎都是不错的选择，除了 Fragment 更容易阅读。有什么不同？

有这个旧的聊天建议编写自己的片段包装器，但我知道现在应该原生支持片段。但是我无法快速找到它的正确语法。

我正在寻找的示例：

假设我正在制作一个包装器组件，它应该只在传入一些子节点时才呈现自己：

问题是它children可能是Fragment包含空值或空值数组。或者一个包含一个片段的片段，其中包含...

有没有一种规范的方法来检查所有这些条件？

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

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

退货有区别吗React.Fragment

或者返回一个组件数组

?

例如，这里是一个代码框。