Datele componentelor în React

Datele componentelor pot fi stocate în trei locuri: în props, în variabile și constante ale componentei, și în stări. În props sunt stocate datele care sunt trimise componentei din exterior de către componenta părinte. În acest caz, în interiorul componentei, props-urile trebuie să rămână neschimbate.

În variabile, constante și stări ar trebui să fie stocate date locale, care sunt importante pentru componentă în sine și despre care părintele nu ar trebui să știe. În acest caz, în stări ar trebui stocate date, care se pot modifica în diverse evenimente și în același timp doriți ca modificările să fie reactive.

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