javascript - 我看不到可能的拼写错误？ ReactDOM 未定义

Question

因此请考虑以下示例:

import React    from 'react';
import ReactDOM from 'react-dom/dist/react-dom';

class Dashboard extends React.Component {
  constructor(props) {
    super(props);

    this.state = {
      current_tab: 'home'
    }
  }

  renderActiveTab() {
    switch (this.state.current_tab) {
      case 'home':
        return (<div>Hello World</div>);
      default:
        return (<div>Hello World</div>);
    }
  }

  render() {
    return (
      <div>
        {this.renderActiveTab()}
      </div>
    )
  }
}

var dashboardElement = document.getElementById("dashboard");
console.log(dashboardElement, ReactDOM, React);

if (dashboardElement !== null) {
    ReactDOM.render(
        <Dashboard source={"//" + location.hostname + "/api/v1/blog/posts"} />,
        dashboardElement
    );
}

module.exports = Dashboard;

这与以下内容相关:

谁愿意帮我填一下？ ReactDOM 似乎未定义？

我正在使用:

"react": "15.1.0",
"react-dom": "15.1.0",

这怎么是未定义的？

Answer 1

改变

从 'react-dom/dist/react-dom' 导入 ReactDOM； 到

从'react-dom'导入ReactDOM;

react-dom/dist/react-dom.js 文件可直接从脚本标记包含。请参阅Development vs. Production Builds react 文档。