Javascript 反应-巴贝尔不传输文件

我正在为React检查路线

经过多次尝试，我得到了一个有效的应用程序，我可以使用：

var react = require("react");
var Render = require('react-dom');
Render((
<Router history={hashHistory}>
<Route path="/about" component={About}/>
</Router>
), document.getElementById('app'))

---

我必须做什么才能开始使用导入语句？

错误是因为您没有导入ReactDOM。最好的办法是

import React from "react";
import ReactDOM from "react-dom";
import { Router, Route, IndexRoute, hashHistory } from "react-router";

import App from "./App";

const app = document.getElementById('app');

ReactDOM.render(
  <Router history={hashHistory}>
    <Route path="/" component={App}></Route>
  </Router>, app);

从“React”导入React；
从“react dom”导入react dom；
从“react Router”导入{Router，Route，IndexRoute，hashHistory}；
从“/App”导入应用程序；
const app=document.getElementById（'app'）；
ReactDOM.render(
，app）；

考虑到您在同一目录中有一个名为App的组件，如下所示：

App.js

import React from "react";

export default class App extends React.Component {
  render() {
    return (
      <div>My App!</div>
    );
  }
}

从“React”导入React；
导出默认类App扩展React.Component{
render（）{
返回(
我的应用程序！
);
}
}

import React from "react";
import ReactDOM from "react-dom";
import { Router, Route, IndexRoute, hashHistory } from "react-router";

import App from "./App";

const app = document.getElementById('app');

ReactDOM.render(
  <Router history={hashHistory}>
    <Route path="/" component={App}></Route>
  </Router>, app);

import React from "react";

export default class App extends React.Component {
  render() {
    return (
      <div>My App!</div>
    );
  }
}