運行create react app時未定義'render'

Question

當我在編譯時使用create react app時，出現以下錯誤。/src/Grid.js“第3行：您的渲染方法應具有return語句”和“第5行：未定義'render'”這是內容Grid.js文件

import React, { Component } from 'react';

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

export default Grid;

我看不出這是錯的嗎？ 任何幫助表示贊賞

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

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

export default App;

這是我使用組件的地方

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

ReactDOM.render(<App />, document.getElementById('root'));
registerServiceWorker();

使用ReactDOM渲染的地方

Answer 1

您缺少import {render} from 'react-dom'; 。

Answer 2

它應該是：

 import React, { Component } from 'react'; class Grid extends Component { render(){ return(<p>Hello, World</p>); } } export default Grid; 

以上引用不再適用。

我從問題中嘗試了Grid.js和App.js的確切代碼，並且在我的機器上運行良好。 無論什么原因，您的事情都不起作用不在您的Grid.js或App.js中。

Answer 3

對此仍然沒有真正的解釋。 將組件代碼復制到新創建的文件中可以正確編譯。 確實很奇怪。