Вопросы по теме 'react-css-modules'
Как использовать React Module CSS в бета-версии Meteor 1.3
РЕДАКТИРОВАТЬ: Выпущен выпуск Meteor 1.3, и скоро появится пакет npm быть выпущенным, позволяющим напрямую использовать модули CSS без Webpack.
Я хотел бы использовать https://github.com/gajus/react-css-modules в Meteor 1.3 через NPM. Но...
1347 просмотров
schedule
14.10.2021
сочиняет не работает с babel-plugin-react-css-modules
Я пытаюсь использовать модули css в своем проекте React. Я могу делать такие вещи, как:
import styles from './demo.css'
const Demo = () => <div styleName="demo">Hello</div>
И мои стили извлечены из CSS и успешно снабжены...
1138 просмотров
schedule
19.09.2021
Как настроить webpack для создания библиотеки компонентов React с css-модулями для приложения Next.js?
Фон
Hi!
Я разрабатываю библиотеку компонентов, и мне нужно создать ее для импорта в другой проект. Итак, я настроил webpack и попытался импортировать случайный компонент и получил ошибку SSR:
Ссылка на ошибку сервера Ошибка: документ не...
259 просмотров
schedule
21.10.2021
Отправляет параметр из реагирующего компонента для изменения фона псевдокласса
Компонент React:
const Item = ({ url }) => (
<div className="section" id="uberuns" data={url} />);
Мне нужно заменить фоновый URL :: после
#uberuns:after {
content:'';
height:100%;...
19 просмотров
schedule
19.11.2021
Как я могу стилизовать конкретную кнопку с модулями css?
Я использую модули css в качестве реакции, потому что я хочу, чтобы область действия css была привязана к конкретному компоненту. У меня есть файлы Person.js и App.js. Я хочу, чтобы только кнопка в Person.js имела красный цвет фона.
So i do...
108 просмотров
schedule
30.03.2022
babel-plugin-react-css-modules не соответствует стилям с styleName
Проблема
Я пытаюсь использовать babel-plugin-react-css -modules в моем проекте React для повышения производительности по сравнению с модулями React CSS .
Однако стили применяются неправильно.
Причина
Версия в теге <style>...
2233 просмотров
schedule
16.04.2022
Модули react-css с декораторами не работают
Попытка заставить синтаксис декоратора работать для реагирующих модулей css, как показано здесь. https://github.com/gajus/react-css-modules#decorator
У меня есть модули react-css, работающие с использованием синтаксиса функции, например....
301 просмотров
schedule
26.05.2022
Проблема Meteor + React, из-за которой, как только я добавляю маршрутизатор в свой проект, он отклоняет мой импорт из .scss, поскольку ожидает модуль узла
Мое приложение прекрасно работает без роутера. Я использую пакет nathantreid:css-modules , который позволяет использовать модульный css для ваших реагирующих компонентов. В моем каталоге imports/ui/Navbar у меня есть Navbar.jsx, содержащий:
//...
55 просмотров
schedule
20.09.2022
React-css-modules: имя стиля не распознано
У меня проблема с модулями react-css. Я не могу найти классы, которые я связал по имени стиля. Они не отображаются как классы в отображаемом html.
Вот код:
import React from 'react';
import CSSModules from 'react-css-modules';
import styles...
1412 просмотров
schedule
22.02.2023
Как создать файл глобальных настроек в модулях react css
Я хочу иметь файл только для хранения цветов и некоторых других настроек, которые я собираюсь использовать в своих стилях css. Потому что я не хочу указывать один и тот же цвет в разных файлах несколько раз. Как я могу добиться этого с помощью...
1013 просмотров
schedule
13.11.2022
Как импортировать объект React: элементы через module.exports и отображать внутри компонента?
Я пытаюсь импортировать и визуализировать объект: свойство типа «элемент» React из внешнего файла и импортировать его с помощью module.exports в другой файл, содержащий компонент, и визуализировать его внутри компонента. Компонент ранее вызывался 3...
2091 просмотров
schedule
03.08.2023
Используйте модули css в scss
Можно ли использовать модули scss и css вместе. У меня есть проект реакции, и мои файлы css следуют за scss. Я хочу использовать в этом проекте css-модули. Можно ли использовать модули css в этих стилях scss?
Например, у меня есть такой файл css...
338 просмотров
schedule
18.05.2023
Как заставить React-css-модули работать с внешними библиотеками React UI
Как заставить response-css-modules работать с внешними библиотеками пользовательского интерфейса, такими как Antd . Мой веб-пакет настроен для компиляции scss, а стили в библиотеке пользовательского интерфейса написаны на css. Есть ли способ...
131 просмотров
schedule
22.04.2023
React CSS Modules — применить стиль к дочернему тегу
Я борюсь с применением стиля CSS для каждого дочернего элемента данного тега. Я использую модули CSS вместе с semantic-ui-react:
характер.модуль.css
.Character > GridColumn {
border: solid 4px red;
}
характер.js
import React,...
86 просмотров
schedule
28.12.2022
Установите загрузчик CSS для реакции локально, но я получаю сообщение об ошибке
test: cssRegex,
exclude: cssModuleRegex,
use: getStyleLoaders({
importLoaders: 1,
modules: true,
localIdentName: "[name]__[local]__[hash:base64:5]",
sourceMap: isEnvProduction && shouldUseSourceMap,
}),
И ошибка:...
2354 просмотров
schedule
15.05.2023
Material-UI - Поддержка babel-plugin-react-css-modules и приложения rtl.
материал-ui: v4.8.2 реакция: v16.12.0
babel-plugin-react-css-modules с приложением rtl - я думал использовать injectFirst, но потом получаю предупреждение: Material-UI: you cannot use the jss and injectFirst props at the same time.
Я...
248 просмотров
schedule
22.10.2022
Импорт модулей CSS не работает, несмотря на правильную компиляцию
У меня проблема с импортом модулей css для реагирования компонента.
import React from 'react'
import styles from '../App.css'
const Button = () => (
... className={styles.button}...
)
export default Button;
Ошибок компиляции и тому...
58 просмотров
schedule
07.06.2023
Как импортировать изображения в модули CSS?
Я создаю веб-сайт (создание с использованием React). поэтому я хочу добавить полноэкранное изображение для домашней страницы. Я использую модуль CSS. при импорте изображения в module.css оно не отображается. Как я могу это исправить. Вот мой код....
338 просмотров
schedule
26.07.2023
Изменить css компонента реакции на основе реквизита с помощью css-модулей
У меня есть следующее:
className={`${this.props.match.params.id}.alert`}
/* desired output = `className="style_alert__3TLGs"` */
/* instead output = `className="style.alert"` */
Если я жестко запрограммирую className (например,...
1939 просмотров
schedule
22.10.2023
