javascript - 如果没有用户给定的值React如何提交defaultValue

Question

因此，我的 React 应用程序中的表单中有此复选框，它将 defaultChecked 值设置为对象的“静态值”

<input type='checkbox' name='static' defaultChecked={obj.static}/>

现在，每当我提交表单时，它都不会从 defaultChecked 中读取，我必须更改它，以便它甚至可以从复选框中读取。

有什么办法可以解决这个问题吗？谢谢。

Answer 1

不建议使用defaultChecked。

我会尝试将该信息存储在如下状态:

https://codesandbox.io/s/holy-snow-l3u6b

const obj = {
  defaultValue: true
};

class Test extends React.Component {
  constructor() {
    super();
    this.state = {
      checked: obj.defaultValue
    };

    this.onStaticChangeHandler = e => {
      this.setState({
        checked: e.target.checked
      });
    };
  }

  render() {
    return (
      <input
        type="checkbox"
        name="static"
        onChange={this.onStaticChangeHandler}
        checked={this.state.checked}
      />
    );
  }
}