如何编辑我们从redux商店获取的输入表单中的默认值

时间:2017-07-03 03:42:03

标签: forms reactjs redux store

我在一个带有输入类型=文本字段的表单中有反应组件。

在这个组件中,我从redux store获取我的值。我想从redux store获取一个值,并将其作为defaultValue放在我的输入字段中,我可以编辑并再次提交。 在页面的新重新加载时,它将再次从redux存储中获取该值并将其放入输入中。提交效果很好但我无法使默认值有效。

<form onSubmit={this.handleSubmit}>
   <input type="text" ref="detailsText" defaultValue={details.details} 
   <button>Submit!</button>
</form>

handleSubmit = e => {
    e.preventDefault()
    const {dispatch} = this.props
    const todoId = this.props.location.pathname
    const detailsText = this.refs.detailsText.value;
    dispatch(actions.startAddDetails(detailsText, todoId))
  }

0 个答案:

没有答案