Reactjs 如何在react-materialize中提交表单?

Reactjs 如何在react-materialize中提交表单?,reactjs,Reactjs,再见。如何在react-materialize中提交表单。在使用普通jsx时,我通常会这样做。但在这里我找不到任何类似的组件。那么,我需要在哪里附加onSubmit处理程序,以便您可以像对待任何其他输入一样对待这些输入,将它们包装在一个包中并侦听onSubmit事件。下面是一个简单的工作示例: <form onSubmit={e => { e.preventDefault(); this.handleSubmit() }} >

再见。如何在react-materialize中提交表单。在使用普通jsx时,我通常会这样做。但在这里我找不到任何类似的组件。那么,我需要在哪里附加onSubmit处理程序,以便您可以像对待任何其他输入一样对待这些输入,将它们包装在一个包中并侦听onSubmit事件。下面是一个简单的工作示例:

<form
    onSubmit={e => {
        e.preventDefault();
        this.handleSubmit()
    }}
>
    <Row>
        <Input
            s={6}
            label="First Name"
        />
        <Button>hello</Button>
    </Row>
</form>
我根本没有检查这里的输入值。您可以将onChange事件侦听器附加到所有输入,并使它们在每次输入更改时更新状态。然后,当您提交表单时,handleSubmit可以从状态读取输入值。 this.setState{inputValue:e.currentTarget.value}}/>

在这种情况下,handleSubmit函数可以从this.state.inputValue访问值


这与materialize以及通常如何处理表单完全无关。它们似乎没有提供特定的组件,所以您可以只使用一个基本的html元素进行一些修改。

您到底想做什么?将表单发布到服务器端操作或希望进行REST api调用?您应该在jsx文件中编写handleSubmit方法。有关更多信息,请发布您的代码。谢谢。成功了。我只是被缺少组件弄糊涂了。
handleSubmit = e => {
  e.preventDefault();
  // other code
}