反应不渲染？答案

【问题标题】：React not rendering?反应不渲染？
【发布时间】：2018-08-26 13:54:35
【问题描述】：

我正在尝试/玩 React 并且有一些我似乎无法在 google 上找到的问题，并且我的控制台日志中没有任何内容？谁能告诉我为什么这不起作用？包括 React 和 ReactDOM 库...

HTML

<div id="app"></div>

class App extends React.Component{
  render(){
    return (
       <div>Hello</div>
    )
  }
}

ReactDOM.render(App, document.getElementById('app'));

【问题讨论】：

ReactDOM.render(, document.getElementById('app'));渲染 App 组件必须使用 jsx 语法渲染，如 .

标签： javascript reactjs react-native ecmascript-6

【解决方案1】：

你应该渲染 JSX 元素：

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

【讨论】：

【解决方案2】：

首先你必须import组件：

import App from "./App";

然后像<App />一样渲染组件：

ReactDOM.render(<App />, document.getElementById("app"));

【讨论】：

【解决方案3】：

你需要使用：

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

你不能渲染一个react组件类，你需要渲染一个元素

只是为了让您了解为什么会这样：

当你使用 JSX 创建元素时您的构建过程将把它从

<App />

到

h("App", {}, null)

但如果你只是通过类，这种转换不会发生

【讨论】：