Маълумотҳои компонентҳо дар React

Маълумотҳои компонентҳо метавонанд дар се ҷо нигоҳ дошта шаванд: дар пропсҳо, дар тағирёбандаҳо ва доимиҳои компонент, ва дар стейтҳо. Дар пропсҳо маълумоте нигоҳ дошта мешавад, ки компонент аз беруна тавассути компоненти волидайн ба он фиристода мешавад. Дар ин ҳол дар дохили компонент пропсҳо бояд тағирнаёбанд.

Дар тағирёбандаҳо, доимиҳо ва стейтҳо бояд маълумоти маҳаллӣ нигоҳ дошта шавад, ки барои худи компонент муҳим аст ва волидайн набояд аз он огоҳ бошад. Дар ин ҳол дар стейтҳо бояд маълумот нигоҳ дошта шавад, ки метавонад дар рӯйдодҳои гуногун тағир ёбад ва дар ин ҳол шумо мехоҳед, ки тағирот реактивӣ бошанд.

jsxfunction Test() {
  // муайян кардани isEdit, elem ва data
  
  if (isEdit) {
    elem = <input value={data} />;
  } else {
    elem = <span>{data}</span>;
  }
  
  return <div>
    {elem}
  </div>;
}