Как вызвать компонент в функции без стейта?

Question

[Елена]

function App() {
  <Component></Component>
}

// Component.js
function Component(props) {
  return (<h1>{props.name}</h1>)
}

// Main.js
function Main() {
  const add = () => {
   // Здесь нужно вызвать Component
   return (<Component name="Имя"></Component>)
  }
}

Мне нужно добавить пропс при вызове компонента, только реакт его не видит все равно. Может неправильно его вызываю?

Comments

[WbICHA]

Первая страница любого обучающего курса по реакту. Это что, сложнее и дольше, чем тратить кучу времени на создание вопроса и ожидания ответа на него?

[Елена]

WbICHA, покажите мне эту первую страницу

[WbICHA]

Елена, очевидно, что мой коммент относился к изначальному вопросу, а не отредактированному.
После добавления пропса в аргументы я вижу только одну причину такого поведения: ты импортировала реактовский Component, а не свой.

Answer 1

[y0u]

function Component(props) {
  return (<h1>{props.name}</h1>)
}

Comments

[Елена]

y0u пропс параметр есть в коде, здесь не указала