javascript - 如何使用 React.js 16 在服务器上呈现 "disabled"HTML 属性？

Question

我刚刚更新到 React.js 16，我很难在 button 中使用简单的 HTML 属性。这是我的代码:

const disabled = this.props.disabled;
console.log(disabled);
return <button id="my-id" disabled={disabled}>Click!</button>;

console.log 在前端记录 true，在后端记录 false。在浏览器控制台上，我得到了这个: Warning: Prop 'disabled' did not match。服务器:“null” 客户端:“true”。

在 React Chrome Extension 中，我可以看到 prop 实际上设置为 true，所以它应该可以工作。它只有在我强制它更改为 false 然后在前端返回到 true 时才有效。

这过去适用于 React.js 15.5.4。我做错了什么/React.js 16 发生了什么变化？

Answer 1

迁移到 React.js 16 后，我们开始使用 hydrate 作为前端，元素没有更新，这是预期的行为。

问题实际上是在 redux-form 中报告的:https://github.com/erikras/redux-form/issues/2610

添加 pristine 的额外条件后，现在一切正常。