Kā notiek datu pārraide starp komponentiem React?

Reactā datu pārraidīšana starp komponentiem galvenokārt notiek caur props un state.

• Props ir īpašības, kuras vecāku komponenta nodod bērnu komponentam. Tās ir tikai lasāmas bērnu komponentā.
• State ir iekšējais komponenta stāvoklis, kuru var mainīt pašā komponentā.

Lai nodotu datus no vecāka uz bērnu, tiek izmantoti props:

function Parent() {
  const message = "Sveiki no vecāka!";
  return <Child text={message} />;
}

function Child(props) {
  return <div>{props.text}</div>;
}

Lai koplietotu datus starp nesasaistītiem komponentiem, bieži tiek izmantots React Context vai globālais stāvoklis (piemēram, Redux).

Tāpat var nodot funkcijas caur props, lai bērns varētu izsaukt vecāka metodes un tādējādi mainīt stāvokli vai sūtīt datus atpakaļ.