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

Question

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

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

<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
}

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

#frontend #javascript #programming #react.js #russian

0

17.06.2023

8 ответов

25 просмотров

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 }

0

17.06.2023

Denis Deniskov

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

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

0

17.06.2023

Anastasiia Glushkina Автор вопроса

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

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

0

17.06.2023

Dmitry Remezov

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

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

0

17.06.2023

Anastasiia Glushkina Автор вопроса

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

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

0

17.06.2023

Denis Deniskov

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

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

0

17.06.2023

𝟕𝟑𝟕𝟓𝟔🍕 ⁨

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

О, а ты давно тут одмен?

0

17.06.2023

Denis Deniskov · Accepted Answer

Denis Deniskov

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

0

17.06.2023

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

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

8 ответов

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