Проблема отображения проверки Formik с bootstrap css

#reactjs

#reactjs

Вопрос:

Мой React.js код импортирует нижеприведенное.

import 'bootstrap/dist/css/bootstrap.min.css';

При этом импорте проверка Formik не работает и не отображается.

 <Form.Control.Feedback type="invalid">
{formik.errors.name}
</Form.Control.Feedback>
  

Пожалуйста, дайте мне несколько советов.

Ответ №1:

Я реализовал это следующим образом.

   {formik.errors["name"] amp;amp; (
     <div className="has-error">
        <HelpBlock>{formik.errors["name"]}</HelpBlock>
     </div>
  )}
  

Приведенный выше код условно отображает сообщение об ошибке.