我想将我的输入值从Form传递到handleSubmit（）

Question

我想将我的输入值从表单传递到handleSubmit（），目前我正在传递ENTRYPOINT ["bash", "pilates.sh"]并收到错误消息，无法将属性'value'定义为未定义。

以下是我要从中获取值的表单代码块

e.target.value

以下是我尝试访问

下的值的代码块

 <Input
      label="Write a message..."
      name="message"
      type="text"
    />

完整代码供参考：

handleSubmit = (e) => {
       this.props.sendNewMessage(e.target.value);
      }

Answer 1

这不是处理表单提交的方式。您的messageForm应该使用onChange处理程序来更新状态。然后handleSubmit应该preventDefault()并使用来自已设置状态的值来调度sendNewMessage操作。

React docs对此很有帮助。

Answer 2

您需要绑定方法以从子组件中获取价值

constructer(props){
super(props);
   this.handleSubmit = this.handleSubmit.bind(this);
}

现在您不应该得到未定义的错误

Answer 3

因此@Will建议我将值添加到我的handleSubmit（）中，它解决了我的问题，谢谢大家。  以下是我进行更改的代码段：

handleSubmit = (value) => {
      this.props.sendNewMessage(value);
      console.log(value)
    }