подскажите пожалуйста как получить значение
rating из компонента
StarRating переданного в другой компонент в поле <Field /> с формой сделанной библиотекой Formik
export function StarRating() {
const [rating, setRating] = useState(0);
const handleRating = (rate: number) => {
setRating(rate);
};
return (
<div className="App">
<Rating
onClick={handleRating}
ratingValue={rating}
size={40}
transition
showTooltip
fillColorArray={['#f17a45', '#f19745', '#f1a545', '#f1b345', '#f1d045']}
/>
</div>
);
}
<Formik
initialValues={{
name: '',
date: '',
face: '',
text1: '',
rating: '',
alt: 'фото',
quotes: '',
}}
onSubmit={(values, { resetForm }) => {
console.log(values);
newReview({
variables: {
input: values,
},
});
resetForm();
}}
>
<Form id="exampleForm" className="review-form">
<label htmlFor="name">Ваше имя:</label>
<Field name="name" type="text" />
<ErrorMessage name="name" component="div" className="error-color" />
<label htmlFor="date">Дата экскурсии:</label>
<Field name="date" type="date" />
<ErrorMessage name="date" component="div" className="error-color" />
<label htmlFor="text1">Ваш отзыв:</label>
<Field name="text1" as="textarea" className="text" />
<ErrorMessage name="text1" component="div" className="error-color" />
<label htmlFor="rating">Вашa оценка:</label>
<Field name="rating" component={StarRating} />
<button
type="submit"
className="review-btn"
>Оставить отзыв
</button>
</Form>
</Formik>