如果没有用户给定的值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}

      />

    );

  }

}