React игнорирует атрибут значения поля ввода

Question

У меня есть форма для регистрации.Я хочу установить вход (флажок), который содержит значение в виде некоторого текста, например:

<form onSubmit={this.validateStepTwo} id="registerForm">
    <label htmlFor="short_bio">Tell the users a bit about yourself:</label>
    <input type="textarea" name="short_bio" className="textarea-small"/>

    <label htmlFor="bio_info">Tell the users who you are</label>
    <input type="textarea" name="bio_info" className="textarea-large"/>

    <label htmlFor="bio_exp">Tell the users what you did</label>
    <input type="textarea" name="bio_exp" className="textarea-large"/>

    <input type="checkbox" name="instructor" value="I want to be an instructor" />

    <input type="submit" value="Register" className="submit"></input>

    {this.state.errors !== null ? (
        <h1 className="error">{this.state.errors}</h1>
    ) : ('')}
</form>

Где

<input type="checkbox" name="instructor" value="I want to be an instructor" />

должно иметь значение «Я хочу бытьинструктор ", но у него ничего нет.

Я пытался сделать это так:

<input ...>I want to be an instructor</input>

но это вызвало еще одну ошибку.

Это реакция или ячего-то не хватает в моем коде?Я был на компьютере 13 часов, поэтому я не удивлюсь, если сделаю глупую ошибку.

Answer 1

Флажок - это значение, которое отправляется в запросе, а не текст, который появляется после.

Если вы хотите, чтобы это был текст, выполните что-то вроде

<input type="checkbox" name="instructor" value="instructor"> I want to be an instructor