Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 04.01.2022, 20:01
Аспирант
Отправить личное сообщение для prototip Посмотреть профиль Найти все сообщения от prototip
 
Регистрация: 15.05.2021
Сообщений: 35

Как в Formik получить значение дочернего компонента?
подскажите пожалуйста как получить значение 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>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
как получить значение элемента? lego9 Элементы интерфейса 14 17.02.2020 13:41
Как получить значение размера объекта по одной из осей с помощью JavaScript? Gress131313 Общие вопросы Javascript 1 21.01.2020 11:26
Как получить значение GET параметра user_name Events/DOM/Window 24 03.12.2014 18:12
Как получить значение title с помощью js? faforty Общие вопросы Javascript 4 25.08.2011 18:47
Как получить значение следующего элемента? _mouse_ Общие вопросы Javascript 4 25.02.2010 11:37