在React中使用第三方库的正确/最佳方法?

时间:2018-02-22 12:52:56

标签: reactjs design-patterns

我正在研究React项目,组件的结构是:

          Index
            /\
           /  \
ModContainer  MapContainer
      |              /\
[Modules]           /  \
                   Map  Toolbar

Map包含一个OpenLayers地图对象,我希望Modules(表单)与之交互。

我应该将地图对象(OpenLayers.Map的实例)作为道具传递给模块吗?

或者

在Index组件(common parent)中创建状态和函数,并将函数作为props传递给Modules ??

提前致谢

1 个答案:

答案 0 :(得分:1)

不确定您定义为[Modules]的内容以及您要求的内容但我实际上有一些乐趣

          _ _ _ _Redux_ _ _ _ _
         /         |           \
        /        Index          \
     _ /           /\            \ _
   /    \         /  \           /   \
  |    ModContainer  MapContainer     |
  |        |              /\          |
   \ _ [Modules]         /  \        /
    \ _ _ _ _ _ _ _ _ Map  Toolbar _/