получить значение через e.target в REA c для сопоставленных форм

Question

Я отображаю несколько форм путем сопоставления в реагировать, и кнопка отправки находится в родительском компоненте, как получить значения всех форм, сопоставленных при отправке формы?

ниже приведен мой код для родителя. компонент:

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

Answer 1

Поместите всю форму внутри компонента и просто сопоставьте компонент с формой и кнопкой внутри него.

Просто пропустите опоры вниз.

Родительский компонент.

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>
 )}

Answer 2

Почему вы используете формы внутри форм. Возможно, вам следует использовать разные режимы ввода и одну кнопку для ввода значений ввода. Для получения значений вы можете построить массив объектов (один объект за одну итерацию функции карты)