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

React忽略输入字段的值属性

1 个答案: