react Warning: Invalid DOM property class Как разрешить обычные html атрибуты
Primary tabs
Warning: Invalid DOM property class
Известно что вместо напр. class в React надо писать className,
подобные проблемы можно убрать используя babel-plugin-react-html-attrs
Стандартная установка идет так:
- Выполняем команду: npm install --save-dev babel-plugin-react-html-attrs
- И далее создаем в корне (рядом с packge.json) файл .babelrc с содержимым:
{ "plugins": [ "react-html-attrs" ] }
Подробнее: https://www.npmjs.com/package/babel-plug...
В Symfony (webpack encore)
В файл:
webpack.config.js
вместо чего-то вроде:
.configureBabel(() => {}, { useBuiltIns: 'usage', corejs: 3 })
Добавим такое:
.configureBabel((babelConfig) => { babelConfig.plugins.push('react-html-attrs'); }, { useBuiltIns: 'usage', corejs: 3 })
- Log in to post comments
- 1679 reads