React Props не работает, полный новичок

Question

Я внимательно следую учебному пособию, но я просто не могу передать реквизиты компоненту функции и извлечь данные из объекта реквизита. Я думаю, что это ошибка экспорта-импорта, но я был бы очень признателен в правильном направлении. Я использую приложение create-реагировать

---

App.js

import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';

const Greeting = (props) => <h1>Hello {props.name}</h1>;

export default Greeting;

Он печатает только привет в теге H1 и просто не учитывает остальную часть.

---

index.js

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import * as serviceWorker from './serviceWorker';

const element = <Greeting name="irakli" />;

ReactDOM.render(element, document.getElementById('root'));
serviceWorker.unregister();

---

Answer 1

В моем index.js:

Вместо import App from './App'; заменить на import Greeting from './App';

Answer 2

Вместо приветствия вы должны перейти в приложение, поскольку вы импортируете его как приложение. Так

const element = <App name="John" />