В1: Что произойдет через 5 секунд с DOM элементами
import React, { useState, useEffect } from 'react';
import ReactDOM from 'react-dom/client';
function App() {
const [items, setItems] = useState(
[0, 1, 2, 3, 4, 5, 6, 7, 8, 9]
);
useEffect(() => {
setTimeout(() => {
setItems(([head, ...tail]) => {
return tail;
});
}, 5_000);
}, []);
return (
<ul>
{items.map((item, key) => (
<li key={key}>{item}</li>
))}
</ul>
);
}
const element = document.getElementById('root');
ReactDOM.createRoot(element).render(<App />);
10 DOM-элементов перерисуются
9 DOM-элементов перерисуются, 1 DOM-элемент удалится
перерисовок и удалений DOM-элементов не будет