Хм, тоже загуглил, и вправду

Хорошо, что выяснили этот вопорос :)

Как правильно управлять состоянием в таком случае? export default () => { const [drawer, setDrawer] = useState(false) return ( <div> <AppBar setDrawer={setDrawer} /> <Drawer state={drawer} setState={setDrawer} /> </div> ) } Тут, по сути, нужно только на один слой расшарить drawer и setDrawer. Я не уверен в использовании контекста, потому что нужно только на этот компонент и на два дочерних.

Или контекстом можно обернуть только два этих дочерних элемента.

ребята подскажите пожалуйста! Гугл не дает ответа. Импортирую константу styled-components в файл .ts, пишет - Cannot find module. В вэбпаке плагин на стайлд поставил, в js работает, а ts нет

Здесь есть люди, которые настраивали в вэбпаке "styled-componets+react+ts"??? Как все это можно настроить, напишите или скиньте ссылку. Не могу найти в инете

Ребят, если я работаю над своим пет-проектом "мувисерчер" через API movidedatabase. Мне стоит заморачиваться над Редаксом или можно забить на него?

Там же по сути обычный вывод фильмов из апишки с йоба-сортировки по жанрам. Вот думаю нужен ли мне здесь редакс

Ребят, если я работаю над своим пет-проектом "мувисерчер" через API movidedatabase. Мне стоит заморачиваться над Редаксом или можно забить на него?

я бы использовал, вот как пример, что-то похожее я так понял будет у вас - https://github.com/andrewngu/sound-redux

Без npm

Если у тебя cra установлено глобально

Да, глобально поставил около пяти минут назад

Ну, пиши без npm

Всё, спасибо за уточнение. Удалил скриншоты чтобы не засорять канал.

может кто подсказать как это написать на хука? constructor(props) { super(props); this.chartRef = React.createRef(); } componentDidMount() { const { data, options } = this.props; this.myChart = new Chart(this.chartRef.current, { type: 'bar', data, options }); } componentDidUpdate() { this.myChart.data = this.props.data; this.myChart.update(); }

Это есть буквально в каждом гайде по хукам. Что конкретно непонятно?

не очень понимаю как сделать так что бы не создавать каждый раз новый, а апдейтить

не очень понимаю как сделать так что бы не создавать каждый раз новый, а апдейтить

useEffect(()=>”будет вызываться только на Mount”, []) Просто прочитай доку

ок, спасиб

useEffect(()=>”будет вызываться только на Mount”, []) Просто прочитай доку

именно этого кейса вроде в доке нет, они вроде вообще без инпута указывают примеры

ну или добавили, не смотрел уже давно

короче оно должно выглядеть типо так? или нужен useState использовать ? let myChart; useEffect(() => { myChart = new Chart() }, []) useEffect(() => { myChart.data = data myChart.update() }, [data])

просто в этом случае оно вроде будет на переменную жаловаться

myChart будет каждый раз создаваться же насколько помню, оно тебе надо?

не

что бы от этого избавиться мне нужно эту переменную в стейт вынести?

можно и так

можно и как было, это не особо критично если это не какой нибудь инпут, большой список и тд

ок, спасибо

короче оно должно выглядеть типо так? или нужен useState использовать ? let myChart; useEffect(() => { myChart = new Chart() }, []) useEffect(() => { myChart.data = data myChart.update() }, [data])

const myChart = useRef() только

Всем привет. Использует кто-нибудь apollo для local state?

Здравстуйте, возможно ли поменять цвет svg используя <img src='icon.svg' /> ?

Подскажите, а в react события надо генерировать как в ванильном js или еще как-то?

Здравстуйте, возможно ли поменять цвет svg используя <img src='icon.svg' /> ?

css свойство fill в помощь

Не через имг

через img, fill не помогает. А как тогда лучше реализовать изменение цвета при :hover? Не хочеться тянуть код свгшки в реакт-компонент...

Могу ли я на их повлиять если отображаю иконку через тег img?

Могу ли я на их повлиять если отображаю иконку через тег img?

Нет

Нет

А как тогда лучше реализовать изменение цвета при :hover? Не хочеться тянуть код свгшки в реакт-компонент...

А как тогда лучше реализовать изменение цвета при :hover? Не хочеться тянуть код свгшки в реакт-компонент...

Никак

А как тогда лучше реализовать изменение цвета при :hover? Не хочеться тянуть код свгшки в реакт-компонент...

Либо так, либо 2 свг

ясно, спасибо )

А как тогда лучше реализовать изменение цвета при :hover? Не хочеться тянуть код свгшки в реакт-компонент...

import {ReactComponent as SvgName} from './file.svg' <SvgName className='svg' /> .svg:hover { color: red; }

Лол

Лол

?

import {ReactComponent as SvgName} from './file.svg' <SvgName className='svg' /> .svg:hover { color: red; }

В file.svg нужно цвет поменять на currentColor

короче оно должно выглядеть типо так? или нужен useState использовать ? let myChart; useEffect(() => { myChart = new Chart() }, []) useEffect(() => { myChart.data = data myChart.update() }, [data])

Не просто let, a с useRef

import {ReactComponent as SvgName} from './file.svg' <SvgName className='svg' /> .svg:hover { color: red; }

Откуда ты вообще такое взял

import {ReactComponent as SvgName} from './file.svg' <SvgName className='svg' /> .svg:hover { color: red; }

спасибо большое

спасибо большое

Сработало? 👍👍

Сработало? 👍👍

да)

Откуда ты вообще такое взял

Это так можно свг юзать как реакт компоненты с какой-то там версии

забавно

react-virtualized У меня есть список который реализован через virtualized, но мне нужно делать getElementById элемента в списке, но virtualized убирает элементы из dom дерева, есть какие нибудь идеи как можно это реализовать?

react-virtualized У меня есть список который реализован через virtualized, но мне нужно делать getElementById элемента в списке, но virtualized убирает элементы из dom дерева, есть какие нибудь идеи как можно это реализовать?

С какой целью нужно получать элемент? Но в целом так не получится..

react-virtualized У меня есть список который реализован через virtualized, но мне нужно делать getElementById элемента в списке, но virtualized убирает элементы из dom дерева, есть какие нибудь идеи как можно это реализовать?

В реакте не надо делать getElementById...

В реакте не надо делать getElementById...

Причина

Причина

Зачем тогда реакт?

react-virtualized У меня есть список который реализован через virtualized, но мне нужно делать getElementById элемента в списке, но virtualized убирает элементы из dom дерева, есть какие нибудь идеи как можно это реализовать?

Лучше задачу опиши, getElementById нельзя использовать

Пользуясь случаем рекламирую react-virtuoso. Умеет все тоже что и react-virtualized, кроме WindowScrollа и проще в использовании :)

Пользуясь случаем рекламирую react-virtuoso. Умеет все тоже что и react-virtualized, кроме WindowScrollа и проще в использовании :)

Есть же react-window

Есть же react-window

Но у react-window до сих пор в issue висит DynamicSizeList, который сам измеряет размер элементов aka cellmeasure

Но у react-window до сих пор в issue висит DynamicSizeList, который сам измеряет размер элементов aka cellmeasure

Ок, возьму на заметку

Причина

поиск по css query - глобальный, реакт же (как и любая компонентная библиотека) об изоляции кода в пределах компонента

поиск по css query - глобальный, реакт же (как и любая компонентная библиотека) об изоляции кода в пределах компонента

А еще нам дали рефы на крайний случай, но некоторые все равно извращаются)

поиск по css query - глобальный, реакт же (как и любая компонентная библиотека) об изоляции кода в пределах компонента

Внутри рефа нельзя поискать?

Внутри рефа нельзя поискать?

Можно (не нужно)

Лучше задачу опиши, getElementById нельзя использовать

Причина какая или где в доке такое написано

Можно (не нужно)

Боженька молнией покарает?

Причина какая или где в доке такое написано

Если ты не доверяешь опыту людей из чата то что спрашиваешь? Мне лень искать, выше вон норм написали.

А где гарантия что у них есть опыт. Я на реакте 3 года пишу. Если кто-то решил меня учить то пожалуйста делать это нужно с примерами и аргументами

А где гарантия что у них есть опыт. Я на реакте 3 года пишу. Если кто-то решил меня учить то пожалуйста делать это нужно с примерами и аргументами

Всё правильно пишут, лучше не лазить в дом в обход Реакта, если уж очень надо, юзай рефы

А реф это не лазинье в дом

А где гарантия что у них есть опыт. Я на реакте 3 года пишу. Если кто-то решил меня учить то пожалуйста делать это нужно с примерами и аргументами

3 года пишет и ищет элемент по elementById Победа

Возможен ли объявить константу вне рендера т.е так:

Мне аргументы нужны а не эти рассуждения пальцем в небо

Причина

Если вы на проекте единственный разработчик и всегда будете единственным - то пишите как хотите. Иначе - это будет большим сюрпризом для ваших коллег.

Возможен ли объявить константу вне рендера т.е так:

Мне аргументы нужны а не эти рассуждения пальцем в небо

Таких аргументов хватит? https://ru.reactjs.org/docs/refs-and-the-dom.html

Перед объявлением класса в замыкание вынеси

Перед объявлением класса в замыкание вынеси

замыкание? это как?