反应教程不显示div

Question

我是从Reactjs开始并构建我的初始div但由于某种原因它不显示div。

以下是显示的代码

helloworld.js内容：

React.render(
    React.createElement('h1',null,'Hello World')
    ,document.getElementById('divContainer')
    )

控制台错误：

react.render不是一个函数。

使用的React版本：

React v15.0.1

Answer 1

请使用ReactDOM.render（）函数

Answer 2

您需要像这样导入React： import React from 'react';

您需要导入名为React的库。另外，React.render()已过时，您需要使用ReactDOM.render()。

要获取组件并将其呈现到DOM，是一个名为ReactDOM的独立库。您不会将render()与React一起使用，而将ReactDOM与您一起使用。为了使用它，您还必须像这样导入它：

import ReactDOM from 'react-dom';

然后您可以实施：

ReactDOM.render(App);

但这还不是全部。您尚未向我们展示组件的全部代码，但是需要在渲染之前实例化您的组件。您显示的内容似乎是Babel的转译版本，但即使那似乎不太正确，也看起来像这样：

    var App = function App() {
    return React.createElement(
        "h1",
        null,
        "Hello World"
    );
};

ReactDOM.render(React.createElement(App, null));

上面的代码将基于创建App的实例。

这是一个类：App组件，它产生实例。要创建实例，只需将其包装在jsx标记中，例如soL <App />。

最后但并非最不重要的一点是，您需要通过第二个参数（即目标容器）将其放入页面或DOM中。呈现组件<App />时，请为HTML文档中存在的该元素生成一些HTML，这样，您的代码将按照您在此处共享的已编译版本进行处理，如下所示：

var App = function App() {
    return React.createElement(
        'h1',
        null,
        'Hello World'
    );
};

ReactDOM.render(React.createElement(App, null), document.querySelector('.container'));