Question

当我在compliling时使用create react app时，我得到以下错误./src/Grid.js ＆＃34;第3行：你的渲染方法应该有return语句＆＃34;和＆＃34;第5行：＆＃39;渲染＆＃39;没有定义＆＃34; 这是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 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 2

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

Answer 3

对此仍然没有真正的解释。将组件代码复制到新创建的文件中可以正确编译。确实很奇怪。

＆＃39;渲染＆＃39;运行create react app时未定义

3 个答案: