我正在尝试使用Redux构建一个复杂的全动态应用程序.我的意思是我的应用程序有很多动态生成的表单,其中包含生成的字段 - 即时组件.我想在我的Redux商店中存储有关我的组件的可视数据.但是,如果不将实际数据与可视化组件数据混合,我该怎么办呢？
例如,如果我有这样的结构
Store {
visual: {...deeply nested visual-data-tree...},
data: {...deeply-nested real-data-tree...}
}
渲染组件很困难,因为我需要先搜索可视数据,然后在两棵树中对组件"值"进行反应.
但如果有一个类似于此的结构:
Store {
form {
visual: {...form visual data...},
data: {
//Ok here the form "data" - widgets. Or it must to be visual? :)
widget1 {
visual: {type:"ComboBox", opened: true},
data: 1
}
}
}
}
你看到了问题,现在我在Form小部件的真实数据中有可视数据.
(表格 - 数据 - widget1 - 视觉)
真实数据中的可视数据超出了概念.
你们如何解决混合数据的相同问题？
对我可怜的英语真的很抱歉.我希望我清楚地解释了这个问题.
我是新手在反应和终极版.
问题:在redux中实现"datasource"(类似于kendo-ui 数据源)的最佳方法是什么？
我试图将我的所有小部件数据源存储在一个地方(我创建了数据源简化器)并将数据源"绑定"到它的小部件(如表小部件,列表视图,组合框等).数据源必须拥有自己的api(如addFilter,addSort,getFiltered等),并且还存储应用的过滤器和数据.
我想将所有数据源存储在redux存储中(这就是为什么我需要创建数据源并在创建窗口小部件之前调度它的创建).
问题是当我创建react-redux连接器到我的"智能"小部件的容器组件时,我需要使用props发送我的数据源,但此时不创建数据源.
如果我发送虚拟初始数据源(没有调度它的创建和数据填充)然后调度它并在componentDidMount上填充数据 - 我的小部件的渲染函数被调用两次
我想我需要某种"包装"功能,但现在我不知道该怎么做.
也许有一些如何实现"数据源功能"的例子？