我正在构建一个react小部件生成器，一切都完成了，但现在我被困在这个问题上，我正在每个div上运行我的react应用程序，它具有data widget="的data属性；自定义">就像这段代码{renderCustomWidget只是渲染react应用程序的函数}
<body>
<div data-widget="custom" data-id="appName_userToken_timeStamp1" ></div>
<div data-widget="custom" data-id="appName_userToken_timeStamp2" ></div>
<div data-widget="custom" data-id="appName_userToken_timeStamp3" ></div>
</body>
<script>
window.onload = function () {
document.querySelectorAll('div[data-widget="custom"]').forEach(function (element) {
renderCustomWidget(element)
});
}
</script>
数据id属性使每个div的内容都是唯一的
现在，我只需编写多个具有数据窗口小部件='custom'属性的窗口小部件，就可以构建多个窗口小部件。但问题是，由于我对整个应用程序只有一个通用的redux状态，所以所有div都显示相同的内容。
我想要一种方法，让所有的div都制作自己的redux状态块，并只通过自己的应用程序还原器和操作来管理它
在redux中有多个状态片是没有问题的，这是推荐的。看一下文件。