Я новичок в React и у меня есть вопрос.
У меня есть два состояния использования
const [min, setMin] = useState("");
const [new, setNew] = useState("");
Функция, которая принимает значение первого параметра и после проверки использует второй параметр, чтобы сделать набор useState
const checkOne = (evt, setstate) => {
const result = ......;
setstate(result);
}
И объект. У этого есть поле «значение» со значением useState. Поле «check», которое вызывает функцию проверки, которая затем оценивает useState.
const fields = [{"id":1, "value": {min}, "check": {checkOne(e, setMin)}, "label": 'text1, "placehoder": "15"},
{"id":2, "value": {new}, "check": {checkTwo(e, setNew)}, "label": 'text2, "placehoder": "10"},
];
Когда я использую map(), как я могу улучшить поле значения (с помощью «значения») и событие onChange (с полем «проверить»)?
{fields.map((dev) =>
<div key = {dev.id}>
<label>{dev.label}</label><br/>
<input type = "text" value = {XXX} onChange = {YYY} placeholder = {dev.placehoder} />
</div>
)}
Спасибо за помощь



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


Вам нужно сделать поле check ссылкой, а не call функцией.
Вот как:
const [min, setMin] = useState('');
const [val, setVal] = useState('');
const checkOne = (evt, setState) => {
const result = evt.target.value;
setState(result);
};
const fields = [
{
id: 1,
value: min,
check: (e) => checkOne(e, setMin),
label: 'text1, "placehoder": "15"',
},
{
id: 2,
value: val,
check: (e) => checkOne(e, setVal),
label: 'text2, "placehoder": "10"',
},
];
И затем визуализируйте это так:
<input
type='text'
value = {dev.value}
onChange = {(e)=>dev.check(e)}
placeholder = {dev.placehoder}
/>