问题描述
我正在将 Formik 用于我的 React 应用程序，并且我正在尝试将 Radium 库用于 css-in-JS 解决方案，该解决方案可提供简单的悬停效果等。我发现我在 Formik 使用的 {(props)=> (...)} 包装器中的按钮会导致触发此错误：Radium requires each element with interactive styles to have a unique key,set using either the ref or key prop. Key "submit" is a duplicate。无论您制作什么密钥，错误仍然会触发。简单地注释掉 props 包装器会导致错误消失，但我需要它用于 Formik 道具！
代码沙盒示例：https://codesandbox.io/s/formik-radium-hover-working-vhz5i?file=/src/Register.js:1232-1361
导致此问题的机制是什么？我很确定这只是 Radium 的一个错误，并且已经在 Github 上为它提交了一个问题，没有任何问题。关于解决方法或补救措施的任何想法？也许这只是我对这个道具包装器的使用。任何帮助，谢谢！
解决方法
暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！
如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@）