编辑：项目/src/App.js

import React, { Component } from 'react';

class App extends Component {
  render() {
    return (
      <h1>Hello world</h1>
    );
  }
}

export default App;

运行后即是

还有一种写法可以实现上述效果：

import React, { Component } from 'react';

export default function App() {
  return <h1>hello 木子才</h1>
}
``

无需重新运行项目即可见到效果：
![52759729-CEED-4AD1-AA20-6AD3D1799A7](media/15242391891941/52759729-CEED-4AD1-AA20-6AD3D1799A7C.png)