运行创建反应应用程序时未定义“渲染”

Gri*_*cle 2 javascript reactjs create-react-app

当我在编译时使用 create react app 时,我收到以下错误。 Grid.js 文件

import React, { Component } from 'react';

class Grid extends Component {
    render(){
        return <p>Hello, World</p>;
    }
}

export default Grid;
Run Code Online (Sandbox Code Playgroud)

我看不出这里有什么问题?任何帮助表示赞赏

import React, { Component } from 'react';
import Grid from './Grid.js';

class App extends Component 
{
  render()
  {
    return(
      <div> 
        <Grid />
      </div>
    );
  }
}

export default App;
Run Code Online (Sandbox Code Playgroud)

这是我使用组件的地方

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
import registerServiceWorker from './registerServiceWorker';

ReactDOM.render(<App />, document.getElementById('root'));
registerServiceWorker();
Run Code Online (Sandbox Code Playgroud)

使用 ReactDOM 渲染的地方

kar*_*luS 9

你不见了import {render} from 'react-dom';