After transpiling this code doesn't work
import React from 'react';
import ReactDOM from 'react-dom';
import firstLow from './moniesApp.js';
ReactDOM.render(, document.getElementById('content'));这段代码是使用ReactDOM将一个名为“firstLow”的组件渲染到id为“content”的HTML元素中。
but this does
import React from 'react';
import ReactDOM from 'react-dom';
import FirstHigh from './moniesApp.js';
在第一个例子中,Babel生成的代码如下:
ReactDOM.render(<FirstHigh />, document.getElementById('content'));
_reactDom2.default.render(_react2.default.createElement('firstLow', null), document...
在页面上有一个空的
<firstLow data-reactroot><firstLow/>
元素被渲染。在第二种情况下。
_reactDom2.default.render(_react2.default.createElement(_moniesApp2.default, null), document...
它有效了。我的组件已经被渲染。
发生了什么?