Как опросить дочерние компоненты?

В каждом компоненте MyInput есть state isValid, отвечающие за то прошёл input валидацию или нет.

Подскажите, пожалуйста, как в компоненте MyForm получить все isValid, чтобы определить валидна ли форма? Если хотя-бы один из MyInput не проходит валидацию, то вся форма тоже не проходит валидацию. fields - это пропс компонента формы.

const [isFormValid, setIsFormValid] = useState(false)
return (
<form onSubmit={e => onSubmitHandler(e)} noValidate className="form" {...props}>
        <h2 className="form--header">Заголовок формы</h2>
        {fields.map((field, index) =>
            <MyInput key={index} fieldData={field}></MyInput>
        )}
</form>)

Ответы (0 шт):