Блог

Главная - Вопросы по программированию - Как я могу использовать цикл при вводе и форме?

Как я могу использовать цикл при вводе и форме?

#reactjs

#reactjs

Вопрос:

У меня есть from с 3 входными данными, которые я хочу отобразить в консоли, но я не знаю, как я могу использовать для них цикл, вы можете мне помочь, пожалуйста?

 <form onSubmit={props.submitData} className="center-content-product">
<div className="left">
<p>Name:</p>
<p>Password:</p>
<p>Email:</p>
</div>

<div className="right">
<Input change={props.changeData} />
<Input change={props.changeData} />
<Input change={props.changeData} />
</div>

<button type="submit" value="Send" className="send-btn" >Submit</button>

</form>

Ответ №1:

Попробуйте это: не уверен, решает ли это вашу проблему

 <form onSubmit={props.submitData} className="center-content-product">
<div className="left">
<p>Name:</p>
<p>Password:</p>
<p>Email:</p>
</div>

<div className="right">
{Array.from(Array(3), (e, i) => {
    return <Input key={i} change={props.changeData} />
  })}
</div>

<button type="submit" value="Send" className="send-btn" >Submit</button>

</form>

Комментарии:

1. он правильно ввел 3 ввода, но он не отображает их значение правильно, он просто показывает последнее значение ввода

2. Потому что это не список. Таким образом, последнее значение сохраняется. props.changeData необходимо изменить

3. как я могу это сделать? не могли бы вы мне помочь, пожалуйста?

Ответ №2:

салам

вы можете создать переменную для props.changeData

или

если эта переменная вашего состояния, вы можете создать состояние.

    let changeData = props.changeData;

   {changeData.map(item => <input change={item.your_data}/>)}

я рекомендую использовать formik

Комментарии:

1. могу ли я получить ваш адрес электронной почты, пожалуйста?

2. @Parisa jafarchoupan@gmail.com

3. @Parisa, я просто рекомендую formik, чтобы мое решение не зависело от formik.