Данни на компоненти в React

Данните на компонентите могат да се съхраняват на три места: в пропси, в променливи и константи на компонента, и в състояния (стейтове). В пропсите се съхраняват данни, които се изпращат на компонента отвън от неговия родителски компонент. При това вътре в компонента пропсите трябва да останат непроменени.

В променливи, константи и стейтове следва да се съхраняват локални данни, които са важни за самия компонент и за които не е нужно да знае родителят. При това в стейтове следва да се съхраняват данни, които могат да се променят при различни събития и при това искате промените да бъдат реактивни.

jsxfunction Test() {
  // дефиниция на isEdit, elem и data
  
  if (isEdit) {
    elem = <input value={data} />;
  } else {
    elem = <span>{data}</span>;
  }
  
  return <div>
    {elem}
  </div>;
}