Komponentendaten in React

Komponentendaten können an drei Stellen gespeichert werden: in Props, in Variablen und Konstanten der Komponente und im State. In Props werden Daten gespeichert, die der Komponente von außen durch ihre übergeordnete Komponente gesendet werden. Dabei sollten die Props innerhalb der Komponente unveränderlich bleiben.

In Variablen, Konstanten und im State sollten lokale Daten gespeichert werden, die für die Komponente selbst wichtig sind und von denen der Elternkomponent nichts wissen muss. Dabei sollten im State Daten gespeichert werden, die sich bei verschiedenen Ereignissen ändern können und bei denen Sie möchten, dass die Änderungen reaktiv sind.

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