§ Входни данни (props)

В това видео ще разгледаме как да подаваме входни данни на компонентите. Ще видим какво са props и как да ги използваме.

Какво са props?

Props са начинът, по който подаваме информация към компонентите. Те представляват данни, които можем да предоставим на компонентите.

Подаване и използване на props

Подаването на props става чрез атрибути на компонентите при тяхното използване. Нашите компоненти могат да изглеждат например така:

<MyComponent name="John" age={25} />

В самия компонент, props са достъпни като обект и могат да се използват за показване на данни:

const MyComponent = (props) => {
  return (
    <div>
      <p>Здравей, {props.name}! Ти си на {props.age} години.</p>
    </div>
  );
};

Използвайки props, можем да направим компонентите ни гъвкави и преизползваеми, тъй като можем да ги конфигурираме с различни данни в различни ситуации.

Props са сърцето на комуникацията между компонентите в нашите React приложения. Те ни позволяват да предоставяме данни на компонентите и така да ги контролираме, като им предоставяме нужната информация за тяхното поведение и визуализация.