Size: a a a

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

2020 September 23

MK

Maxim Koylo in React — русскоговорящее сообщество
я думал ты про то что он делает рендер при изменении рефа
источник

AZ

Alexander Zayka in React — русскоговорящее сообщество
Maxim Koylo
я думал ты про то что он делает рендер при изменении рефа
Не, то, что после рендера можно отследить, изменился ли current :)
источник

A

Andrian in React — русскоговорящее сообщество
Ivan Bobchenkov
В общем, тут только autofocus. Диагноз - нереально передать ref и выполнить логику если компонент рендерится по условию, какая-то жесть
Коди исполняется с верху в низ ))
источник

IB

Ivan Bobchenkov in React — русскоговорящее сообщество
Andrian
Коди исполняется с верху в низ ))
Хех, только проблема в том, что рендеринг - асинхронный)
источник

A

Andrian in React — русскоговорящее сообщество
Ivan Bobchenkov
Хех, только проблема в том, что рендеринг - асинхронный)
В функции код работает также с верху в низ
источник

IB

Ivan Bobchenkov in React — русскоговорящее сообщество
Andrian
В функции код работает также с верху в низ
Та ля, тут НЕ В ЭТОМ ПРОБЛЕМА. А в том что НИЧЕГО НЕ ОБНОВИТСЯ, пока функция не выполнится, ибо асинхронность
источник

BA

Bogdan Aleksandrovic... in React — русскоговорящее сообщество
подскажите, в чем может быть причина

импортирую компонент  Component1

если в файле console.log(Component1) // undefined

а если в компоненте выщвать <Component1 /> - все есть
источник

IB

Ivan Bobchenkov in React — русскоговорящее сообщество
Bogdan Aleksandrovich
подскажите, в чем может быть причина

импортирую компонент  Component1

если в файле console.log(Component1) // undefined

а если в компоненте выщвать <Component1 /> - все есть
Код
источник

J

Jurayev in React — русскоговорящее сообщество
Vsem privet
источник

BA

Bogdan Aleksandrovic... in React — русскоговорящее сообщество
import { Component1, Component2} from '../../components';

console.log(Component1); // undefined
console.log(Component2); // есть

const Test = () => {
 return <Component1 /> // работает
}

что то такое примерно
источник

IB

Ivan Bobchenkov in React — русскоговорящее сообщество
Как ты их экспортируешь?
источник

A

Andrey in React — русскоговорящее сообщество
Bogdan Aleksandrovich
import { Component1, Component2} from '../../components';

console.log(Component1); // undefined
console.log(Component2); // есть

const Test = () => {
 return <Component1 /> // работает
}

что то такое примерно
circular imports
источник

BA

Bogdan Aleksandrovic... in React — русскоговорящее сообщество
Ivan Bobchenkov
Как ты их экспортируешь?
export const Component1 = () => <h1>123132</h1>;
источник

BA

Bogdan Aleksandrovic... in React — русскоговорящее сообщество
Andrey
circular imports
как ее найти ? что то не могу
источник

A

Andrey in React — русскоговорящее сообщество
Bogdan Aleksandrovich
как ее найти ? что то не могу
ну тогда земля пухом

ставь плагин/ройся руками до победного
но вообще, когда обращаешься к уровню (а тем более 2) выше, то вероятность словить круговые зависимости - увеличивается
источник

BA

Bogdan Aleksandrovic... in React — русскоговорящее сообщество
Andrey
ну тогда земля пухом

ставь плагин/ройся руками до победного
но вообще, когда обращаешься к уровню (а тем более 2) выше, то вероятность словить круговые зависимости - увеличивается
видимо не зависимость, а обьект обьявили до того, как импорт выполнился, перенес его в компонент и нормально все
источник

BA

Bogdan Aleksandrovic... in React — русскоговорящее сообщество
Bogdan Aleksandrovich
import { Component1, Component2} from '../../components';

console.log(Component1); // undefined
console.log(Component2); // есть

const Test = () => {
 return <Component1 /> // работает
}

что то такое примерно
import { Component1, Component2} from '../../components';

const Test = () => {
 const tt = {
   a: Component1,
   b: Component2
 }
 return tt.b // работает
}


вот так
источник

A

Andrey in React — русскоговорящее сообщество
Bogdan Aleksandrovich
видимо не зависимость, а обьект обьявили до того, как импорт выполнился, перенес его в компонент и нормально все
это и есть круговая зависимость
источник

BA

Bogdan Aleksandrovic... in React — русскоговорящее сообщество
Andrey
это и есть круговая зависимость
не понял тогда, а почему Component2 работал, а 1 нет, где круг то
источник

BA

Bogdan Aleksandrovic... in React — русскоговорящее сообщество
и сейчас работает вот как выше
источник