Question

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

HTML

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

JS

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

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

Answer 1

您应该呈现JSX元素：

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

Answer 2

您需要使用：

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

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

请您理解为什么会这样：

使用JSX创建元素时您的构建过程会将其转换为

<App />

到

h("App", {}, null)

但是，如果您仅通过课程，则不会发生这种转换

Answer 3

首先，您必须import组件：

import App from "./App";

然后渲染<App />之类的组件：

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

反应不渲染？

3 个答案: