React 父组件是否等待子组件渲染？

Question

I have a parent component that has 800 children (a list).

I want to scroll the list to a pre-defined position X.

I have something like this in the Parent:

useEffect(() => /* scroll the list */, [])

Does the parent component's useEffect hook get called only after all children have been rendered or not?

I'm having a bug when I'm trying to scroll toward the end of the list. It feels like the end of the list doesn't exist yet when useEffect is called.

Answer 1

const C1: React.FC = ({ children }) => {
console.log(1);

React.use Effect(() => {
console.log(2)});

return <>{children}</>
}

const C2: React.FC = () => {
console.log(3);

React.use Effect(() => {
console.log(4)});

return <div>YOWZA</div>
}

const App = () => <C1><C2/></C1>
render(<App />, document.getElementById('root'));

Order of console.log are 1,3,4,2.

I hope this helps