javascript - Dom 崩溃 react 选择选项

Question

React DOM 在 <option> 时停止工作包含三个内插值，如果一个是有条件的。

这是一个 fiddle :https://jsfiddle.net/0opjvycp/

更改 <select> 的值使用 NotFoundError: Node was not found 崩溃

它在 React 15 上运行良好，这只发生在 React 16.2

Answer 1

这绝对是一个奇怪的。

如果我更换你的{isSelected && '(Y) '}与{isSelected ? '(Y) ' : '' } 这里没有问题。但在后一种情况下，输出始终是一个字符串。

如果您正在更改 <Option>，React 似乎不喜欢重新渲染之间的 child false和字符串值。也许在 DOM 协调中有一个新的错误。

此外，如果您的意图是重置商店并在更改事件中为菜单选择一个选项，而不是:

this.setState({ 
              items: {
                      ...this.state.items,
                     [v]: true
                     }
              })

做类似的事情:

this.setState({ 
              items: {
                      ...{a:false, b:false},
                     [v]: true
                     }
              })

正如所写，您永远不会取消选择一个选项。