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