Virtual DOM (VDOM) on kevyt JavaScript-objektipuu, joka kuvaa, miltä käyttöliittymän pitäisi näyttää. Se on tavallinen muistissa oleva esitys — ei varsinainen selaimen DOM. React käyttää sitä, koska suoran manipulaation todelliseen DOM:iin on hidasta ja manuaalinen tekeminen jokaisen tilan muutoksen yhteydessä on virhealtista.
Kun tila muuttuu, React ei heti kosketa sivuun. Sen sijaan:
function Counter() {
const [n, setN] = useState(0);
// Each click produces a NEW virtual tree describing <button>{n}</button>.
// React compares old vs new and updates ONLY the text node that changed,
// not the whole button or the page.
return <button onClick={() => setN(n + 1)}>{n}</button>;
}
Joten kirjoitat koodia deklaratiivisesti ("käyttöliittymä näyttää tältä tässä tilassa") ja React selvittää tarvittavat DOM-operaatiot sinulle.
document.querySelector + mutaatio.Kirjasto IT-haastattelukysymyksiä yksityiskohtaisine vastauksineen — Juniorista Senioriin.
Lahjoita