React - 获得textarea的价值?

时间:2018-01-11 10:49:48

标签: javascript reactjs redux

我正在使用React和Redux,我想调度一个带有参数的动作,该参数将由用户在textarea中输入,所以我引入了一个带有调度的函数:

sendMessage(text) {
  this.props.dispatch(sendMessage(text))
}

然后我在textarea blur上用适当的参数触发调度:

<textarea name="message" onBlur={() => sendMessage(this.value)}></textarea>

问题是:我如何获得textarea的价值? this.value返回我的组件而不是textarea。当我尝试绑定(this)时:

<textarea name="message" onBlur={() => sendMessage(this.value).bind(this)}></textarea>

我正在

  

无法读取未定义

的属性'bind'

如何访问textarea.value

1 个答案:

答案 0 :(得分:2)

您的回调会收到event个对象作为第一个参数

你可以像这样使用它:

<textarea name="message" onBlur={ev => sendMessage(ev.target.value)}></textarea>