在文本区域中，onchange 值未填充

Question

 <textarea className="form-control queryheight box_xp" placeholder="Enter Dashboard Content" type="text" onChange={this.dashboardtextchartchange.bind(this)} value={this.state.textdashboard}>
    </textarea>

Onchange 函数：

dashboardtextchartchange(e){
this.setState({textdashboard: e.target.value});
}

状态：

    this.state = {
       textdashboard: '',

    };

如果我删除 value={this.state.textdashboard} 然后工作正常，但如果我继续这样做它就不会出现

Answer 1

Textarea 没有value 属性，因此它只有在您删除它时才有效。

您可以设置<textarea> 的值，方法是在开始标签和结束标签之间输入所需的值<textarea>[here]</textarea>。

<textarea className="form-control queryheight box_xp" placeholder="Enter Dashboard Content" type="text" onChange={this.dashboardtextchartchange.bind(this)}>
    {this.state.textdashboard}
</textarea>

您可能还想删除您的 type="text" 属性，因为 textarea 没有 type 属性。