Question

我刚刚进入react.js，看起来像GitHub这样的开源项目有很多组件可以注入你的项目ṡ。

例如：here是您可以放入网页的react.js图片库。

问题：在您自己的项目中实施此类库的最佳方法是什么？

更具体地说：当将这样的库实现到您自己的项目中时，通常认为只需在您的网页上选择一个单独的元素，并让它专门呈现给该元素（即，至少生成两个单独的元素）根节点：一个用于自定义代码，另一个用于您注入的库）？或者，开始乘以正在渲染的反应节点的数量是不是一个坏主意？

Answer 1

我对此的看法是在您想要的位置简单地实现这些组件。我认为，对于可读性而言，我必须关注另一个组件以查看实际使用的内容以及实际发生的情况。鉴于此，当你改变它时，你可能不得不改变它周围的东西，你有多少次实际做到这一点，而不是简单地取出组件并交换另一个组件？

它取决于组件的工作方式。如果你可以简单地包括它：

<ThirdPartyComponent prop1={this.props.data} prop2={this.props.data2}>Images</ThirdPartyComponent>

我只想选择嵌入。如果你必须写一点这样的东西我会交换到包装器，但只是因为我的标记会变得不那么可读，不是因为它包装了第三方库所以我理论上可以把它换掉。