在React

时间:2016-11-27 15:18:47

标签: reactjs

我有一个父组件' Gallery'它使用子组件' Lightbox'。

Lightbox组件有几个选项,我希望用户能够使用我的Gallery组件访问所有这些选项。

我使用app容器调用Gallery并将props传递给Lightbox组件。我的问题是Lightbox有几个属性,我不确定是否应该重命名每个属性,以便在Gallery的上下文中更有意义。例如,通过道具' isOpen'是灯箱使用的,不适用于图库,因此应该重命名为' lightboxIsOpen'?但是我必须将所有选项映射出来。我希望不必重命名Lightbox组件的选项,以便用户可以参考Lightbox文档,而不必查看我将每个组件映射到的新名称。我也不想跟踪Lightbox作者可能添加的每个新选项,并且必须向Gallery明确添加新选项。是否有更好的方法直接将道具传递给子组件?传递具有属性的对象会不会更好,所以我不必重命名它们?

1 个答案:

答案 0 :(得分:0)

对于传递子组件的道具的对象绝对更有意义(对我而言),在这里您可以看到相同的模式用于定义两个不同子组件的样式https://github.com/reactjs/react-modal#styles