Описание тега react-css-modules

Questions about react-css-modules, a higher-order React component that abstracts CSS Modules integration.
0 ответов

Как игнорировать CSS-файлы сторонних компонентов при использовании babel-plugin-реагировать-css-modules

У меня есть такая ситуация, когда в одном из моих компонентов JSX- файл (например, List.jsx) импортирует стили следующим образом: import styles from "./css/list.rcss"; import "fixed-data-table.css"; import "./css/fixed-data-table.css"; 1-й импорт,.r…
09 июн '17 в 11:15
1 ответ

Не могу использовать ответные css-модули с Jest

Я пытаюсь запустить тесты с Jest, React и PostCSS. Я мог бы заставить его работать нормально без реакции-CSS-модулей с помощью className={styles.*}, Также пробовал Для модулей CSS, вы можете использовать прокси ES2015 не помогло. import React, { Com…
26 ноя '16 в 11:07
1 ответ

Модули CSS - печать таблицы стилей - как переопределить классы

Как создать таблицу стилей печати, которая может переопределять динамические стили, созданные модулями CSS? Используя модули CSS, имена классов отображаются с уникальными именами, например: <button class="buttons_style_primary-button__3T" type="s…
01 июн '17 в 23:30
1 ответ

babel-plugin-реагировать-css-modules добавляет классы, но не трансформирует CSS

Я пытаюсь использовать babel-plugin-react-css-modules с извлеченной копией create-react-app чтобы охватить мой меньше CSS. Мне удалось установить и настроить плагин, и он правильно устанавливает имена классов в области видимости, используя styleName…
0 ответов

Как настроить модули CSS с помощью sass и ExtractTextPlugin в веб-пакете

Я пытаюсь использовать модули CSS в веб-пакете, но он не работает. Мой веб-пакет: var path = require('path') var webpack = require('webpack') var HappyPack = require('happypack') var BundleTracker = require('webpack-bundle-tracker') var path = requi…
27 сен '16 в 12:25
3 ответа

Тип элемента JSX не имеет никакой конструкции или сигнатуры вызова

Я использую этот простой элемент React слева в качестве корневого элемента на странице справа. Как исправить показанную ошибку?
07 июн '16 в 09:47
2 ответа

Создать-реагировать-приложение и реагировать-CSS-модули

Кто-нибудь пробовал подключить create-реагировать-приложение с реагировать-css-модули? Мне не удается правильно настроить веб-пакет. Любая помощь? Совместное использование конфигурации веб-пакета будет очень полезным.
0 ответов

Публикация Fusebox raw typcript npm с помощью модулей sass реакции css

Я работаю над проектом css-модулей, состоящим из двух частей: sass + реагировать, состоящим из библиотечного модуля и потребительского проекта, и я только что перешел от веб-пакета к блоку плавких предохранителей для объединения (так намного проще и…
11 июл '18 в 09:13
1 ответ

Стилизация параметров компонента ReactJs

Я провожу некоторые исследования для большого проекта, который будет использовать responseJs, и все HTML-элементы будут преобразованы в React Components. Как мы все знаем, css имеет большие проблемы с глобальными переменными, поэтому существует боль…
15 фев '17 в 14:02
0 ответов

Как добавить CSS-переходы в React StatelessComponent с CSS-модулями?

У меня есть довольно простой компонент React без состояния для значка гамбургера на навигационной панели, который при isOpen верно, превратит дочерние промежутки в какое-то другое "активное" состояние. Однако, поскольку CSS применяется через модули …
0 ответов

Как использовать CSS-модули для стилизации классов?

Как оформить react-grid-Container класс, который является классом, предоставляемым внешней библиотекой react-data-grid? я могу сделать .OuterDivOfGrid div но я думаю, что есть лучшее решение, потому что это становится трудным, когда я хочу стилизов…
08 дек '18 в 01:12
1 ответ

Объединение CSS-классов в CSS-модулях в React

Я использую иконки Fontawesome в своей реакции, и я использую модули CSS в реакции. Теперь я хочу использовать этот значок, поэтому я использую следующий синтаксис: <i className={styles['fa-user-circle']} ></i>Я не могу использовать норм…
18 дек '18 в 07:54
1 ответ

Можно ли изменить имя тега класса при автозаполнении Emmet?

Наша команда использует CSS-модули, поэтому вместо "className" (в React) мы используем "styleName". Есть ли способ изменить Emmet в VScode для автозаполнения на "styleName" вместо "className"? Мои текущие предпочтения: { "emmet.includeLanguages": { …
1 ответ

Почему класс css внутри родительского css-модуля (App.js) переопределяет дочерний класс css, у которого объявлен собственный css-модуль?

Я использую последнюю версию create-Reaction-app 2.1.3. Я создал демонстрационное приложение для тестирования модулей CSS, которое в create-реагировать на приложение 2.1.3 должно быть готовым к работе без необходимости запускать "npm eject" или выпо…
30 янв '19 в 10:00
2 ответа

Класс CSS, примененный перед внутренним классом CSS и не влияющий на кнопку SemanticUI

У меня странная проблема Я пытаюсь стилизовать кнопку SemanticUI, но внутренний CSS-код кнопки применяется поверх моего класса CSS, и поэтому ни один из моих стилей не применяется. Обратите внимание, что верхний стиль взят из semantic.min.css, а сти…
27 дек '18 в 14:50
3 ответа

Обновите переменные модуля CSS из Javascript

Я использую (теперь более старую) версию реактивного шаблона, которая поставляется с модулями CSS. Что хорошо в них, так это то, что вы можете создавать переменные и импортировать их в другие файлы CSS. Вот мой файл colors.css :root { /* Status colo…
1 ответ

Импорт переменных в модуль CSS в React

Я использую модули CSS, и мои файлы CSS /stylesheet находятся рядом с моими компонентами. Какой самый быстрый способ поддержки файла глобальных цветов, который можно импортировать в мою таблицу стилей? Мои css-модули и веб-пакеты поддерживают это по…
20 фев '18 в 21:10
1 ответ

Условный импорт на основе переменной среды

У меня есть компонент реагирования, в котором есть X вариантов импортируемой таблицы стилей, использующей модули CSS. В идеале я хочу получить глобальную переменную среды, используя, например, process.env.THEME Я не могу использовать: import MyStyle…
04 июн '18 в 21:19
0 ответов

Ошибка CSSModules во время выполнения (ошибка консоли Chrome).

Я получаю следующую ошибку при запуске приложения в консоли Chrome: warning.js?6327:33 Warning: React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: object. print…
02 ноя '17 в 14:25
0 ответов

Настройка babel-plugin-реагировать-css-модулей с помощью веб-пакета 3.5.1

Я пытаюсь настроить babel-plugin-реагировать-css-modules для веб-пакета 3.5.1 (извлечено из приложения create-реагировать). Это мой webpack.config.dev.js: 'use strict'; const autoprefixer = require('autoprefixer'); const path = require('path'); cons…