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

您可以在反应中使用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中使用值时，我无法编辑文本，如果我使用defaultvalue，我在textarea中没有值，为什么？

2 个答案: