使用react-router的4.0.0版本报错，求大神指点，在线等解决方案

问题描述

问 题

import React from "react";
import ReactDOM from "react-dom";
import { BrowserRouter as Router, Route, hashHistory } from 'react-router-dom';
import PCIndex from "./components/pc_index";
import PCMyMusic from "./components/pc_my_music";

export default class Root extends React.Component{
    render(){
        return (
            <Router history={hashHistory}>
                <Route path="/" component={PCIndex}/>
                <Route path="/myMusic" component={PCMyMusic}/>
            </Router>
        );
    };
}

/*
 * 在页面中渲染所有组件
 * */
ReactDOM.render(
    <Root />,
    document.getElementById("mainContent")
);

这是代码，根据官方文档写的，但是运行之后报错，错误截图如下：

我想知道这是为什么？在线等。。。

解决方案

<Router></Router>下面只能有一个子元素，你可以用<div></div>包装一下

这篇关于使用react-router的4.0.0版本报错，求大神指点，在线等解决方案的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！