为啥输入在由 React 生成时不起作用

Posted 2023-03-07

【中文标题】为啥输入在由 React 生成时不起作用

【英文标题】：Why the input doesnt work when generated by React为什么输入在由 React 生成时不起作用

【发布时间】：2021-10-09 05:02:44

【问题描述】：

当我将它添加到index.html 时，此输入正确。但是当由反应生成时它不起作用。输入形式的数字只是不改变。为什么会这样？

<input type="date" name="date" value="2003-12-16" max="2021-07-03"/>

【问题讨论】：

那是因为你使用了value，使其不受控制。所以它现在不受 React 控制。您应该使用defaultValue 属性而不是value

在这里阅读：itnext.io/…

见React docs

【参考方案1】：

为了实现您的目标，您必须使用 React 方式 (Controlled Components)：

<input type="date" value=this.state.value onChange=this.handleChange max="2021-07-03" />

工作演示：Codesandbox

要了解Uncontrolled Components，请访问：Uncontrolled Components