我有一个父组件' Gallery
'它使用子组件' Lightbox
'。
Lightbox
组件有几个选项,我希望用户能够使用我的Gallery
组件访问所有这些选项。
我使用app容器调用Gallery并将props传递给Lightbox
组件。我的问题是Lightbox
有几个属性,我不确定是否应该重命名每个属性,以便在Gallery的上下文中更有意义。例如,通过道具' isOpen
'是灯箱使用的,不适用于图库,因此应该重命名为' lightboxIsOpen
'?但是我必须将所有选项映射出来。我希望不必重命名Lightbox
组件的选项,以便用户可以参考Lightbox
文档,而不必查看我将每个组件映射到的新名称。我也不想跟踪Lightbox
作者可能添加的每个新选项,并且必须向Gallery明确添加新选项。是否有更好的方法直接将道具传递给子组件?传递具有属性的对象会不会更好,所以我不必重命名它们?
答案 0 :(得分:0)
对于传递子组件的道具的对象绝对更有意义(对我而言),在这里您可以看到相同的模式用于定义两个不同子组件的样式https://github.com/reactjs/react-modal#styles