我发誓我一直在谷歌试图找到解决方案，但还没有找到一个好的答案，所以如果这是一个菜鸟问题，我道歉。
我正在使用React.js构建一个应用程序，一切都很棒。然而，我们开始转向生产捆绑，一切都崩溃了。我将错误追溯到我们在循环中动态命名的引用。例如：
render() {
// ...
["foo", "bar", "baz"].map(i => {
return <SomeComponent ref={`item-${i}`}/>
})
}
令人头疼的是，这在未经优化的React中有效。控制台中未记录任何错误。但是，在使用React的生成版本时，它会给我一个错误，指向https://facebook.github.io/react/docs/error-decoder.html?invariant=120。
我已经能够移除其他地方有动态键的引用，但在少数情况下，我需要维护引用以便以后使用它们。那么，什么是＆＃34;适当的＆＃34;这样做的方法，以及为什么这会与不同的反应构建一起工作？
备注
这是我们在堆栈中可能相关的内容。