javascript - 为什么输入在 React 生成时不起作用

Question

当我将它添加到 index.html 时，这个输入工作正常。但它在 react 生成时不起作用。输入表单中的数字不会改变。为什么会这样？

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

Answer 1

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

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

工作演示:Codesandbox

要了解不受控制的组件，请访问:Uncontrolled Components