Реагировать на конфликт имен пропов сторонних библиотек - PullRequest
0 голосов
/ 02 июня 2018

Как я могу предотвратить ошибки между сторонними библиотеками, когда они используют одно имя проп, но ожидают разные типы данных для этого проп?

Пример. Компонент FormControl Material-UI ожидает, что пропел «error» будет логическим, но я использую Yup (и Formik) для проверки формы, которая отправляет строку, также помеченную как «error».React говорит об этом в консоли:

"Failed prop type: недопустимая ошибка поддержки строки типа, переданной в FormControl, ожидаемый логический тип"

Мое приложение работает, несмотря на ошибку, но мне хотелось бычтобы избавиться от него, если это возможно.

1 Ответ

0 голосов
/ 02 июня 2018

Вы можете проанализировать вашу строку ошибки до значения bool, используя !!

<FormControl {...props} error={!!yourError} />

Что такое !!(не не) оператор в JavaScript? для более подробной информации.

...