Описание тега react-with-styles

NoneReact-with-style - это пакет в npm, который предоставляет стили для улучшения компонентов в React.
0 ответов

Как я могу использовать собственную тему с датами реагирования?

Я пытаюсь стилизовать свой react-dates DayPickerRangeController в Typescript, используя реакцию со стилями и Афродиту. Я использую этот код, эмулируя код из https://github.com/airbnb/react-dates: const ThemedStyleSheet = require('react-with-styles/l…
1 ответ

Как установить стиль для компонента act.js при его создании?

Как установить стиль для компонента act.js при его создании? Ниже приведен фрагмент моего кода (частично унаследованный от более сильного разработчика, а затем упрощенный для краткости). Я хочу повторно использовать мой LogComponent для печати неско…
1 ответ

Можно ли применить стили к классам, отличным от первого, определенного в файле?

Я унаследовал некоторый код и манипулировал им, но я наткнулся на то, что заставляет меня чесать голову. Я не уверен, имеет ли место проблема, с которой я сталкиваюсь, в частности, чтобы реагировать на jjascript или CSS.js... В этом коде мы использу…
29 июл '18 в 05:28
1 ответ

Как я могу вернуть реагирующий компонент, используя withStyles?

Вопрос здесь не в том, как экспортировать, а в том, как вернуть объект React с введенным css? Я пытаюсь добиться чего-то вроде этого: return ( withStyles(this.props.style)(<Component {...params}/>) ); Где намерение состоит в том, чтобы вернуть…
26 ноя '18 в 15:19
1 ответ

Как я могу получить доступ к DOM-узлу внутри компонента withStyle?

Я работаю на react проект и в этом проекте мои коллеги и я использую Material UIпо какой-то причине я хочу получить доступ к DOM node другого компонента, который обернут HOC, Я использовал реагировать ref за это. но я просто получаю withStyle объект…
0 ответов

React Material-UI: открыть диалог по кнопке (на более высоком уровне), при этом createRef не работает с использованием withMobileDialog

В моей демонстрации здесь https://codesandbox.io/s/zq833pq6o3 вы можете открыть одно диалоговое окно (Child-Dialog) двумя различными способами. кнопкой, которая находится в этом диалоге (кнопка: ОТКРЫТА ЭТОМ) кнопкой на родительском уровне (кнопка: …
0 ответов

Реагирование: Материал для пользовательского интерфейса. Кнопка для повторного использования не адаптирует стиль.

Я попытался создать пользовательскую стилизованную кнопку с пользовательским интерфейсом материала для повторного использования в других файлах моего проекта. Почему-то кнопка не адаптирует стиль, который я определил. Может кто-нибудь сказать мне, г…
11 мар '19 в 11:01
0 ответов

Как проверить покрытие 100% для материала-UI-стиля с Jest

Я пишу юнит-тест для контейнера, и хочу охват 100%. Тем не менее, есть еще одно не охваченное заявление. Вот мой отчет index.js const styles = theme => ({ BookContainer: { backgroundColor: '#FAFAFA', boxShadow: 'rgba(0, 0, 0, 0.12) 0px 1px 6px, r…
1 ответ

Написание CSS в коде JS для удаления кнопок со стрелками из TextField

Я создаю веб-страницу с React и Material-UI. У меня есть элемент TextField, и я хочу удалить кнопки со стрелками - если бы я использовал CSS, я бы использовал следующий код: input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-…
02 май '19 в 12:05
3 ответа

Как можно переопределить классы начальной загрузки с withStyles в пользовательском интерфейсе материала

Я хочу переопределить некоторые из классов начальной загрузки. В настоящее время я использую со стилями материала пользовательского интерфейса в этом я могу написать CSS в формате Js для своих собственных классов. Но я хочу переопределить классы нач…
1 ответ

Вызовите вложенный дочерний метод, используя refs ReactionJS WithStyles

Я пытаюсь получить доступ к методу во вложенном компоненте chilld с помощью ссылок. Это для удаления данных во вложенном компоненте удаления. Мой код выглядит следующим образом (упрощенный код): Родительский класс: class Parent extends Component { c…
26 июн '19 в 15:33
1 ответ

Реагирует с ошибками выбрасывания Стилей при использовании 'direction'

У меня простой веб-сайт React, и я использую функцию withStyles для передачи стилей элементу grid-ui material-ui. При попытке использовать direction: "column" в стиле, я получаю сообщение об ошибке, включенное ниже. Это в файле.jsx. Я нашел исправле…
1 ответ

Typescript показывает ошибку после обертывания компонента React с withStyles и withTranslation HOC

Я пытаюсь написать компонент React с помощью Typescript, withStyles из @material-ui/core а также withTranslation из react-i18next. Обе эти обертки HOC. Typescript жалуется на ошибку с типами. Почему-то не работает эта строчка: export default withTra…
1 ответ

Как применить стиль для класса css с помощью UI материала withStyle. WithStyle не работает

Вот мой код import { withStyles, MuiThemeProvider, createMuiTheme } from '@material-ui/core/styles'; import classNames from 'classnames'; const styles = theme => ({ myGridStyle:{ '&:.my-row-selected':{ backgroundColor:"#ff9900 !important" } }…
10 окт '19 в 11:48
0 ответов

Как я могу сохранить единообразие classNames между моими компонентами реакции стилей JSS?

У меня есть компонент Box, стилизованный под jss. После того, как он стилизован, ему будет присвоено сгенерированное имя класса, которое обычно выглядит как "box-16". У меня есть еще один компонент BoxStack, в котором есть компоненты. Когда я создаю…
12 дек '19 в 00:06
0 ответов

Как использовать значение контекста React из отдельного компонента стилей JSS?

Я переместил свои стили реакции jss в другой файл. Теперь я использую контекст React для переключенияthememode. И я хочу изменить стили, когдаthememode переключается с истины на ложь и наоборот. Но поскольку мои стили компонентов находятся в новом ф…
1 ответ

Пользовательский интерфейс React Material - переопределить использование withStyles

Я работаю над проектом и использую пользовательский интерфейс React Material, и мне нужно переопределить цвет нижней границы компонента Select в сфокусированном состоянии. Вот что я использую прямо сейчас import { Select as MuiSelect, withStyles } f…
03 апр '20 в 19:19
0 ответов

Материальный интерфейс со стилями

Добрый день! Вы, ребята, испытали это при использовании ловушки withStyles в пользовательском интерфейсе материала для добавления пользовательских стилей к вашему компоненту. это мой код: import React, { Component } from 'react' import withStyles f…
06 сен '20 в 07:51
0 ответов

Я использую Material UI withStyle и хочу применить четыре разных цвета для четырех разных блоков.

Я хочу применить динамический основной цвет (пользователь может выбрать любой основной цвет) для своего приложения, и я сделал этот код. но мой вопрос заключается в том, что я хочу применить другой цвет для другого цвета с использованием основного ц…
22 окт '19 в 14:10
0 ответов

Материальный интерфейс со стилями присоединяется к классу

У меня в MUI есть элемент withStyles с классами. Я хочу добавить в название класса обработчик к другому классу. В своем коде я отметил это место. Я хочу сделать обработчикtableRow tableCell. Как это сделать? const styles = theme => ({ table: { po…
18 апр '20 в 22:59