Уже долгое время не получается навесить событие на эллементы, которые пришли с сервера. В моем случае это input, которым на onChange надо вызывать функцию handleInputChange. Как правильно решить такую задачу?
function InputForm() {
const [fields, setFields] = useState({});
// FORM пришел с сервера в таком виде
const form = [
`<p>Введите имя: <input name="1" type="text"> !</p>`,
'<p>Введите Email: <input name="2" type="text"> !</p>'
]
const handleInputChange = (event) => {
const target = event.target;
const value = target.value;
const name = target.name;
setFields({...fields, [name]: value});
};
return (
<div>
{form.map((el, index) => {
return (
<div>
{parse(`${el}`)}
</div>
)
})}
</div>
);
}