当我在 textarea 中使用值时我无法编辑文本，如果我使用默认值我在 textarea 中没有值为什么？

Question

<textarea
    placeholder="Введите повестку дня"
    name={this.state.textarea}
    onChange={this.handleArea}
    className="uk-margin-small-top uk-margin-small-bottom uk-textarea prototextarea"
    innerRef={this.textFieldAgenda}
    value={!isUndefined(protocol.agenda) && !isNull(protocol.agenda) ? protocol.agenda : ''} />

编辑值如何使用???

Answer 1

您可以在 React 中使用 Default Values 设置值。

< textarea
...
defaultValue = {
  value
}

/>

Answer 2

componentDidMount() {
   var inputValue= !isUndefined(protocol.agenda) && !isNull(protocol.agenda) ? protocol.agenda : '';
   this.setState({agenda: inputValue});
}

handleArea= (e) => {
  this.setState({agenda: e.target.value});
}

<textarea
    placeholder="Введите повестку дня"
    name={this.state.textarea}
    onChange={this.handleArea}
    className="uk-margin-small-top uk-margin-small-bottom uk-textarea prototextarea"
    innerRef={this.textFieldAgenda}
    value={this.state.agenda} />

您将始终在 this.state.agenda

中获得更新的更改值

当我在 textarea 中使用值时我无法编辑文本，如果我使用默认值我在 textarea 中没有值为什么？

When i use value in textarea i cant edit text, if i use defaultvalue i didnt have a value in textarea why?

textarea

reactjs