Тимофей 🛴
а где хранить данные?
Мне понравился refetch. Но в моем проекте основном сча данные в сторе )
Тимофей 🛴
Sm•ok
Профилировщик в chrome не подходит?
В скрине выше вроде он и был ?
Anonymous
How long is the localStorage valid?
Aidyno
How long is the localStorage valid?
Did you mean the volume of Lstor?
Anonymous
hello
Anonymous
localStorage.setItem()
Anonymous
how long
Лев
Всем привет. Скажите как можно сделать props с разными значениями. Пытался так делать, но не работает. На гуглить так и не смог :(
Лев
Еще разок напиши что ты хочешь, совсем не понятно
Предоположим есть компонент кнопка. У кнопки есть не сколько цветов ( пусть будет пять цветов) + текст. Я создаю два props-а : props.color и props.text. Цвет является css классом, например - c-alert--success. В таком виде использовать не удобно. Я хочу задать все пять дефолтных цветов ( нак скрине conts color что бы в нужно месте пользоваться вот так: < Button color="red" /> а не < Button color="c-alert--danger" /> И не могу понять как сделать это рабочим. В нете нашел единственный пример с conts, но значения не подставляются :(
Nikita
тож не знаю, пингани как найдешь фикс
"editor.acceptSuggestionOnCommitCharacter": "off"
Sergey
"editor.acceptSuggestionOnCommitCharacter": "off"
Но он тогда любые подсказки отключит же
Sergey
Придется запускать руками
Nikita
придется ставить enter или tab на подсказку, да
Nikita
все таки до удобства idea атомам еще далеко(
Nikita
Привет всем. Есть те кто работал с react-select, как можно зафиксировать выпадающий dropdown что бы можно было почекать какие у него классы внутри, ибо сейчас как только выбираю в инспекторе элемент то он сразу закрывается
Лев
Ты можешь написать метод и описать все там по нужным тебе условиям и вызывать его на месте, типа className={choosenColor(red)}
А не слишком ли заморочено? На скрине выше , там откуда я брал код рабочий - но блин не понимаю почему он не работает у меня.
Nikita
Спасибо парни, сейчас поищу
Лев
Может изза того, что там class, а не className в переменной close
В close вообще нету класс. Там Boolean. Если true то выводиться, если false то нет
Aidyno
Да нет же, <button class = bla bla bla>
Лев
В close.true -> button class, но это ж jsx button className
А понял. Нет , я убрал этот блок полностью, все равно выводит только props.msg а остальное нет
Bogdan
codesandbox юзал кто? там анонимные проекты ссколько хранятся?
Aidyno
А понял. Нет , я убрал этот блок полностью, все равно выводит только props.msg а остальное нет
Так это не будет работать и не должно) будет работать если ты задашь типа. - className = {color.green}
Aidyno
Так это не будет работать и не должно) будет работать если ты задашь типа. - className = {color.green}
Напиши метод типа const chooseColor = color => if color===red return "c-alert" и так дальше
Denis
всем привет, подскажите плз, как реализовать условие в функции, а не это вот все мне надо отрендерить дублирующий лейбл по клику на чекбокс, то есть в htmlFor="айдишник чекбокса", или текущий вариант не так уж и плох ?) в стейте помимо того, что указано на скрине есть и другие данные, которые не связаны с этим условием
Denis
то есть в нижнем поле я кликаю на дублирующий лейбл что рендерится в футере и чек снимается, все работает четко, но реализация по мне не очень, ищу совет
Denis
Victor
Object.entries(labels).map(... => <label display-if={value} ...>
Victor
https://www.npmjs.com/package/babel-plugin-jsx-display-if
Anonymous
Подскажите, есть ли вообще смысл трогать MobX? и есть ли еще какие-то стейт менеджеры, поддерживающие observable/reactivity паттерны?
Дима
https://www.npmjs.com/package/babel-plugin-jsx-display-if
const If = ({children, condition, ...props}) => condition(props) && children <If cond={({active}) => active === true} active> <Button/> </If>
Victor
Для простых приложений mobx хорош. Но в сложных вполне можно удариться о его магию
Дима
магия вне Хогвартса запрещена 😾
Anonymous
http://effector.now.sh no magic allowed
кто бы сомневался :D
Ryhor
Как использовать свой iphone, как эмулятор на винде? Какие есть варианты?
Eugene
<div className={classes.root}> <Paper className={classes.paper}> <TableToolbar numSelected={selected.length} /> </Paper> </div> подскажите, как мне это компактней всего можно реализовать через styled-components
Дима
кто бы сомневался :D
ну я всё по теме же. интероп с symbol-observable из коробки и вообще
Anonymous
кажется… настало время эффектора))
Eugene
const Root = styled.div` width: 100%; margin-top: 30px; `
Eugene
как компонент <Paper> сюда запихнуть?
Дима
стайледы изначально не предполагают активного использования className, количество вложенности не изменится
Eugene
кажется… настало время эффектора))
уже давно, просто ты об этом не знал)
Дима
если Paper — тоже стайлед-компонент, то можно так const Root = styled.div` width: 100%; margin-top: 30px; & ${Paper} { /* ... */ } `;
Дима
уу, с материалом проблемнее
Дима
там как ни крути класснеймы потребуются, либо явные в виде строк, либо цсс селекторы, либо в его jss-код впиливаться
Eugene
уу, с материалом проблемнее
это придется отдельный стайлед компонент создавать и оборачивать нативный?
Дима
ага https://www.styled-components.com/docs/basics#styling-any-component
MⅨ
Почему в jsx когда ты пишешь js надо писать {}? Это мы пасуем обьект?
Александр
Почитайте что такое jsx и во что оно разворачивается при компиляции, станет понятнее
MⅨ
Нет, синтаксис такой
Неужели все так сложно что нельзя обьяснить двумя словами? :')
MⅨ
так тебе тремя словами объяснили же
Это образное выражение. Я хотел обьяснения почему именно {}
MⅨ
Зачем так сложно
Th0r
Это образное выражение. Я хотел обьяснения почему именно {}
другие скобки уже заняты или будут мешать