javascript - 通过 reac for 中的 e.target 从映射表单中获取值

Question

I am displaying multiple forms by mapping in react, and submit button is in parent component, how to getvalues of all the forms which are mapped on form submit?

below is my code for parent component:

<form>
     {rowdata.map((item, index) => <ChildForm key={index} {...this.state} />)}
     <Button type="submit" className="primarybtn btnsmall"/>
         </form>    

Answer 1

将整个表单放入组件中，然后简单地将组件与其中的表单和按钮进行映射。

只需传递 Prop 即可。

父组件。

return (
{someArray.map(form => (
     <SomeForm onSubmit={this.formSubmitHandler} key={form.key} />

)}

子组件。

import React from 'react;

function SomeForm(props) {
return (
<div>
 <form onSubmit={props.onSubmitHandler}>
   Your Form Here
   <Button type="submit" className="primarybtn btnsmall"/>
</form>
 )}