Dane komponentów w React

Dane komponentów mogą być przechowywane w trzech miejscach: w propsach, w zmiennych i stałych komponentu, oraz w stanach. W propsach przechowywane są dane, które są wysyłane do komponentu z zewnątrz przez jego komponent nadrzędny. Jednocześnie wewnątrz komponentu propsy powinny pozostać niezmienne.

W zmiennych, stałych i stanach należy przechowywać dane lokalne, które są ważne dla samego komponentu i o których komponent nadrzędny nie powinien wiedzieć. Jednocześnie w stanach należy przechowywać dane, które mogą ulegać zmianom w różnych zdarzeniach i przy tym chcesz, aby zmiany były reaktywne.

jsxfunction Test() {
  // definicja isEdit, elem i data
  
  if (isEdit) {
    elem = <input value={data} />;
  } else {
    elem = <span>{data}</span>;
  }
  
  return <div>
    {elem}
  </div>;
}