antd如何让input组件既可显示初始值又可获取用户后期修改的值

fanfei
  • 293

我想让antd的Input组件在页面初始化的时候显示一个初始的值content,后面当用户对Input进行修改以后我有可以拿到用户填写的值。我的代码是这样:

componentDidMount() {
   this.setState({nowContent: content})
}
  
<TextArea
  className="textarea"
  rows={5}
  value={nowContent}
  onChange={this.editTextOnChange}
/>

private editTextOnChange = (e:any) => {
    this.setState({
      nowContent: e.target.value
    })
  }

当时这样写页面初始化的时候不会显示初始的值,请问要怎么改呢

回复
阅读 1.4k
2 个回答
state = {
    nowContent:"初始值"
}

<TextArea
  className="textarea"
  rows={5}
  value={this.state.nowContent}
  onChange={this.editTextOnChange}
/>

写法有误,改为
value={this.state.nowContent}

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏