Size: a a a

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

2020 October 09

YS

Yaroslav Sh. in React — русскоговорящее сообщество
удалил файл и создал по новой, в настройках указал, что бы все новые файлы создавались используя LF а не CRLF. Это помогло
источник

АК

Андрей Кустов... in React — русскоговорящее сообщество
Yaroslav Sh.
useEffect объяви ниже и всё
не понял, ниже чего? я когда в useEffect размещаю функцию handleWindowMouseOrTouchMove, то она не попадает в область видимости где идёт вызов этой функции
источник

YS

Yaroslav Sh. in React — русскоговорящее сообщество
Андрей Кустов
не понял, ниже чего? я когда в useEffect размещаю функцию handleWindowMouseOrTouchMove, то она не попадает в область видимости где идёт вызов этой функции
вы хотите её в useEffect объявить или вызвать её там?
источник

О

Олег in React — русскоговорящее сообщество
ребят а есть ли смысл тестировать react в ci на dev а потом еще на master 2 раза? или достаточно прост на мастере запускать тесты
источник

ИЗ

Игорь Завирюха... in React — русскоговорящее сообщество
Victor Rusakovich
уважение за стол подробное описание, но, без кода понять это трудновато. Сделай пример на codesandbox, пожалуйста
источник

a

ai in React — русскоговорящее сообщество
Yaroslav Sh.
не верно тебе написал. ты в handleChange в city: event написал, вместо city: event.target.value
не понятно в console.log выводит нормально символ
console.log(event.target.value) - a
а здесь
this.setState((state) => ({ ...state, address: { ...state.address, city: event.target.value } }));
Uncaught TypeError: Cannot read property 'value' of null

Warning: This synthetic event is reused for performance reasons. If you're seeing this, you're accessing the property target on a released/nullified synthetic event. This is set to null. If you must keep the original synthetic event around, use event.persist()
источник

АК

Андрей Кустов... in React — русскоговорящее сообщество
Yaroslav Sh.
вы хотите её в useEffect объявить или вызвать её там?
Объявить
источник

ИЗ

Игорь Завирюха... in React — русскоговорящее сообщество
суть опять же в том, чтобы эта иконка (в данном случае текст Copied) провайдился от WithForm, а не вручную вставлялся в компонент формы, так как их может быть несколько
источник

OR

Oleg Rizhkov in React — русскоговорящее сообщество
Игорь Завирюха
суть опять же в том, чтобы эта иконка (в данном случае текст Copied) провайдился от WithForm, а не вручную вставлялся в компонент формы, так как их может быть несколько
храни в контексте id филда, а в рендере чекай его.
источник

ИЗ

Игорь Завирюха... in React — русскоговорящее сообщество
а разве это нормально, делать что-то с ДОМ-деревом в реакте? Вроде принято с данными работать
источник

ИЗ

Игорь Завирюха... in React — русскоговорящее сообщество
если так, то что-то с ref-ами можно придумать
источник

YS

Yaroslav Sh. in React — русскоговорящее сообщество
ai
не понятно в console.log выводит нормально символ
console.log(event.target.value) - a
а здесь
this.setState((state) => ({ ...state, address: { ...state.address, city: event.target.value } }));
Uncaught TypeError: Cannot read property 'value' of null

Warning: This synthetic event is reused for performance reasons. If you're seeing this, you're accessing the property target on a released/nullified synthetic event. This is set to null. If you must keep the original synthetic event around, use event.persist()
Заскринь код плиз
источник

VR

Victor Rusakovich in React — русскоговорящее сообщество
https://codesandbox.io/s/stoic-tree-uuj76?file=/src/App.js
надо различать состояния кнопок
  const onCopy = (id) => {
   setIsCopied({ ...isCopied, [id]: true });
   setTimeout(() => setIsCopied({ ...isCopied, [id]: false }), 1000);
 };

 const menuButton = (id) => <div onClick={() => onCopy(id)}>Copy</div>;

 const copiedIcon = (id) => (
   <i style={isCopied[id] ? visible : invisible}>Copied!</i>
 );
источник

YS

Yaroslav Sh. in React — русскоговорящее сообщество
Нельзя объявлять функцию в useEffect а использовать снаружи т.к. useEffect происходит позже объявления компоненты и рендера её
источник

PF

Petr Filippov in React — русскоговорящее сообщество
есть статья которая подробно рассказывает про жизненный цикл компоненты
источник

Э

Эльдар in React — русскоговорящее сообщество
почему в одном проекте такая ошибка
Can't resolve '@hookform/resolvers'

import { yupResolver } from '@hookform/resolvers';

а в другом проекте её нет?
источник

Т

Тимофей 🛴 in React — русскоговорящее сообщество
Petr Filippov
есть статья которая подробно рассказывает про жизненный цикл компоненты
Нет, но про жизненный цикл компонента есть )
источник

JJ

Joker Jolly in React — русскоговорящее сообщество
Эльдар
почему в одном проекте такая ошибка
Can't resolve '@hookform/resolvers'

import { yupResolver } from '@hookform/resolvers';

а в другом проекте её нет?
потому что в одно проекте она есть, а в другом её нет
источник

Э

Эльдар in React — русскоговорящее сообщество
Joker Jolly
потому что в одно проекте она есть, а в другом её нет
есть, я установил её в обоих проектах, дело в другом
источник

PF

Petr Filippov in React — русскоговорящее сообщество
Тимофей 🛴
Нет, но про жизненный цикл компонента есть )
давай)
источник