Sobes.tech
Junior

props дар контексти React чист?

sobes.tech AI

Ҷавоб аз AI

Дар React props (аз калимаи англисӣ properties) объектест, ки маълумоти интиқолёфта аз компоненти падар ба компоненти кӯдакро дар бар мегирад. Онҳо дар дохили компоненти кӯдак танҳо барои хондан дастрас мебошанд ва механизм асосии интиқоли маълумот ба поён дар дарахти компонентҳоро ташкил медиҳанд.

Хусусиятҳои асосии props:

  • Интиқоли маълумот: Барои интиқоли маълумотҳо, конфигуратсияҳо ва callback-ҳо аз падар ба кӯдак истифода мешаванд.
  • Нестагии тағирёбӣ: Дар дохили компоненти кӯдак, props тағир дода намешаванд. Ҳар гуна тағирот бояд аз ҷониби компоненти падар, ки props-и навро мефиристад, оянд.
  • Объект: props ҳамеша ҳамчун объект мегузаранд. Ҳар як хусусияти интиқолёфта калид дар ин объект мегардад.
  • Дастрасӣ: Дар компонентҳои функсионалӣ, props ҳамчун аввалин аргументи функсия мегузаранд. Дар компонентҳои синфӣ, онҳо тавассути this.props дастрас мебошанд.

Масалан барои интиқол ва истифодаи props:

// Компоненти падар
function ParentComponent() {
  const greeting = "Салом";
  return <ChildComponent message={greeting} />;
}

// Компоненти кӯдак
function ChildComponent(props) {
  return <p>{props.message}, ҷаҳон!</p>;
}