问题描述
我正在使用 React 的设置来运行服务器端（使用 Reactful），并且我有一个随机化函数发生在主 App 组件的构造函数中（我从我的数据文件中提取了 4 个随机项来自 4 个不同的类别），但似乎服务器上生成的项目与客户端显示的项目不同。很难浓缩这一点，但我在这里尝试过：
https://gist.github.com/Weirdali/6b5b975167eadc63dc1107d2e4463f13
一般原则如下：我有2列，我的4个随机项目加载到第一列，以便它们可以拖到第二列。这一切都很好，我没有在这里包含所有代码。我完成随机化的方式看起来相当复杂，那是因为我试图让它全部适合 react-beautiful-dnd 设置。在我尝试随机化之前，我的所有设置都运行得非常好，自从我实现了它，我得到了一个错误
'Warning: Prop `data-rbd-draggable-id` did not match. Server: "A1" Client: "A2".
拖放似乎是一个红鲱鱼，这里 - 重要的是这一行：
console.log(this.state.items);
似乎在服务器上打印出与客户端不同的项目。有谁知道为什么会这样？
解决方法
暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！
如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@）