react передать в компонент данные

Код ниже представляет собой компонент функции React, который принимает параметр name.

function myComponent({ name }) {
  return <h2>Hi, {name}!</h2>;
}

Функция принимает объект props и использует деструктуризацию, чтобы извлечь значение свойства name из этого объекта.

Затем функция возвращает элемент заголовка <h2>, который выводит приветствие "Hi" и значение свойства name, переданное как параметр.

Как и другие компоненты React, myComponent можно использовать в других компонентах, передавая разные значения для параметра name.