Size: a a a

React — русскоговорящее сообщество

2020 November 19

АМ

Антон Момот... in React — русскоговорящее сообщество
Скорее всего браузер почему-то меняет все мои стили "opacity" на 1px и именно в расширении для моб. версии
источник

S

Stanislav in React — русскоговорящее сообщество
Антон Момот
Скорее всего браузер почему-то меняет все мои стили "opacity" на 1px и именно в расширении для моб. версии
тогда это вопрос к стилям
источник

АМ

Антон Момот... in React — русскоговорящее сообщество
возможно, просто проект на реакте вот и спрашиваю, может у кого какие мысли
источник

C

Ciemna_noc in React — русскоговорящее сообщество
нужно ли стейт класть в зависимости юзЭффекта? насколько это оправдано?
источник

C

Ciemna_noc in React — русскоговорящее сообщество
useEffect(() => {
   const closeLastModal = (): void => {
     const res = modalsProps.slice(0, -1);
     setModalsProps(res);
   };
   const handleKeyUp = (e: KeyboardEvent) => {
     e.preventDefault();
     if (e.keyCode === 27) {
       closeLastModal();
     }
   };
   window.addEventListener("keyup", handleKeyUp);
   return () => window.removeEventListener("keyup", handleKeyUp);
 }, [modalsProps]);
источник

C

Ciemna_noc in React — русскоговорящее сообщество
const [modalsProps, setModalsProps] = useState<ModalProps[]>([]);
источник

C

Ciemna_noc in React — русскоговорящее сообщество
не будет ли вызывать дополнительного перерендера?
источник

D

Dezmunt in React — русскоговорящее сообщество
Ciemna_noc
нужно ли стейт класть в зависимости юзЭффекта? насколько это оправдано?
Всмысле, ну если юзаешь стейт в юзэффекте, ты должен положить его в зависимость
источник

А

Александр in React — русскоговорящее сообщество
Александр
Вопрос к адептам функциональных компонетов. Как вот такой пример переписать без класса (речь о компоненте EditableTable)? Столкнулся с проблемой, что если в лоб методы переписать в тело FC, то получается, что при вызове handleAdd происходит иммутабильное обновление стейта (как оно, собственно, и должно быть), а метод handleDelete продолжает смотреть в скоуп старого компонента, т.к. был в нём объявлен и dataSource соответственно не поменяется...
https://codesandbox.io/s/7cxdm?file=/index.js
Мой кривой перенос на FC выглядит вот так.
https://codesandbox.io/s/editable-cells-antd484-forked-j3q7l?file=/index.js
источник

М

Мерч in React — русскоговорящее сообщество
Мерч
Как в коде повторить эффект "смещения" картинки при зуме?
Как в этом реакт компоненте: https://prc5.github.io/react-zoom-pan-pinch/
бамп
источник

C

Ciemna_noc in React — русскоговорящее сообщество
Dezmunt
Всмысле, ну если юзаешь стейт в юзэффекте, ты должен положить его в зависимость
изменяется зависимость, перерендер (а тут перерендер когда еще useState)
источник

S

Stanislav in React — русскоговорящее сообщество
Мерч
бамп
это больше про жс чем про реакт
источник

М

Мерч in React — русскоговорящее сообщество
Stanislav
это больше про жс чем про реакт
энивей, этот эффект я увидел внутри реакт компонента
а там свое обновление юая через стейт, в отличии от чистого джса и d3
источник

S

Stanislav in React — русскоговорящее сообщество
Мерч
энивей, этот эффект я увидел внутри реакт компонента
а там свое обновление юая через стейт, в отличии от чистого джса и d3
так, если вам нужен похожий компонент может стоит открыть его исходники?
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
Ciemna_noc
нужно ли стейт класть в зависимости юзЭффекта? насколько это оправдано?
Нет, не нужно, вы всегда можете получить актуальное состояние внутри useEffect, если я правильно понял вопрос
источник

Т

Тимофей 🛴 in React — русскоговорящее сообщество
Alexandr V
как раз таки ложное событие отрабатывается нормально,  именно return component, ошибка падает когда authorized=true
Потому что не component нужно возвращать, я же написал
источник

М

Мерч in React — русскоговорящее сообщество
Stanislav
так, если вам нужен похожий компонент может стоит открыть его исходники?
в исходниках бардак, причем в любых
заниматься реверс инжинирингом ради тривиальной задачи глупо
источник

Д

Денис in React — русскоговорящее сообщество
Александр
Вопрос к адептам функциональных компонетов. Как вот такой пример переписать без класса (речь о компоненте EditableTable)? Столкнулся с проблемой, что если в лоб методы переписать в тело FC, то получается, что при вызове handleAdd происходит иммутабильное обновление стейта (как оно, собственно, и должно быть), а метод handleDelete продолжает смотреть в скоуп старого компонента, т.к. был в нём объявлен и dataSource соответственно не поменяется...
https://codesandbox.io/s/7cxdm?file=/index.js
handleDelete = (key) => {
   const dataSource = [...this.state.dataSource];
   this.setState({
     dataSource: dataSource.filter((item) => item.key !== key),
count: this.state.count - 1
   });
источник

А

Александр in React — русскоговорящее сообщество
Денис
handleDelete = (key) => {
   const dataSource = [...this.state.dataSource];
   this.setState({
     dataSource: dataSource.filter((item) => item.key !== key),
count: this.state.count - 1
   });
Да, вопрос заключается в том, как перенести этот классовый метод в функциональный компонент.
источник

AV

Aleksey Veselov in React — русскоговорящее сообщество
Всем привет
Подскажите какие есть варианты в next js сделать переключение города

Ex:
sitename.ru/msk/feed
sitename.ru/spb/feed
источник