React Props无法正常工作，初学者

Question

我正在仔细地学习教程，但是我只是无法将props传递给功能组件并从props对象中提取数据。 我认为这是进出口错误，但我非常感谢朝着正确方向前进。 我正在使用create-react-app

---

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标签中打印出Hello，而将其余部分保留。

---

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

您应该更改为App而不是Greeting，因为您将其导入为App。所以

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

Answer 3

App.js中的

使用“导出默认应用程序”。