169 похожих чатов

Всем Привет, подскажите почему при ре-рендере род компонента нет ре-рендера

ребенка? Код такой:

<div>
<A><B/></A>
</div>

function A({ children }) {
console.log('A')
const [state, setState] = useState(0)
useEffect(() => {
setState(state => state + 1)
}, [])
return children
}

function B() {
console.log('B')
return null
}

в консоли А, В, А

8 ответов

29 просмотров

https://legacy.reactjs.org/docs/reconciliation.html

Anastasiia-Glushkina Автор вопроса
Denis Deniskov
https://legacy.reactjs.org/docs/reconciliation.htm...

тогда почему в этом коде будет А, В, А, В function App() { const [state, setState] = useState(0) useEffect(() => { setState(state => state + 1) }, []) console.log('App') return ( <div> <A/> </div> ) } function A() { console.log('A') return <B/> } function B() { console.log('B') return null }

Anastasiia Glushkina
тогда почему в этом коде будет А, В, А, В functi...

Потому что у тебЯ перерисовывается <A> и вызывает return <B> это вызывает перерисовку B

Anastasiia-Glushkina Автор вопроса
Denis Deniskov
Потому что у тебЯ перерисовывается <A> и вызывает ...

return children тоже вызывается <B>, почему нет перерисовки?

Anastasiia Glushkina
return children тоже вызывается <B>, почему нет пе...

children не менялся, там ссылка на старый элемент

Anastasiia Glushkina
return children тоже вызывается <B>, почему нет пе...

Потому что вызывается перерисовка А, у тебя в обоих случаях, только в одном случае B у тебя внешняя зависимость, а в другом случае внутряняя, у тебя компонент во втором случае создает новый Б, это вызовет обновление Б ПО сути у тебя два твоих кода так можно записать Код 1 const b=<B /> function A(){ return b; } Код 2 function A(){ return <B /> }

Похожие вопросы

Обсуждают сегодня

Господа, а что сейчас вообще с рынком труда на делфи происходит? Какова ситуация?
Rꙮman Yankꙮvsky
29
А вообще, что может смущать в самой Julia - бы сказал, что нет единого стандартного подхода по многим моментам, поэтому многое выглядит как "хаки" и произвол. Короче говоря, с...
Viktor G.
2
30500 за редактор? )
Владимир
47
а через ESC-код ?
Alexey Kulakov
29
Чёт не понял, я ж правильной функцией воспользовался чтобы вывести отладочную информацию? но что-то она не ловится
notme
18
У меня есть функция где происходит это: write_bit(buffer, 1); write_bit(buffer, 0); write_bit(buffer, 1); write_bit(buffer, 1); write_bit(buffer, 1); w...
~
14
Добрый день! Скажите пожалуйста, а какие программы вы бы рекомендовали написать для того, чтобы научиться управлять памятью? Можно написать динамический массив, можно связный ...
Филипп
7
Недавно Google Project Zero нашёл багу в SQLite с помощью LLM, о чём достаточно было шумно в определённых интернетах, которые сопровождались рассказами, что скоро всех "ибешни...
Alex Sherbakov
5
Ребят в СИ можно реализовать ООП?
Николай
33
https://github.com/erlang/otp/blob/OTP-27.1/lib/kernel/src/logger_h_common.erl#L174 https://github.com/erlang/otp/blob/OTP-27.1/lib/kernel/src/logger_olp.erl#L76 15 лет назад...
Maksim Lapshin
20
Карта сайта