Как отправить defaultValue, если нет заданного пользователем значения

Question

Таким образом, у меня есть этот флажок в форме в моем приложении React, которая устанавливает значение defaultChecked равным "stati c value" объекта

<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}
      />
    );
  }
}