Question

我在使用react-router时遇到了一些问题。我收到此错误，无法呈现我的应用。enter image description here

我在每个地方寻找答案但却找不到任何有用的东西。如果有人可以帮助我，我将非常感激，因为我被困住了。

＆＃13;

import React from 'react';
import HomePage from './pages/page.create.jsx';
import { render } from 'react-dom';
import { Router, Route, IndexRoute, Link, IndexLink } from 'react-router';
import { createHistory, useBasename } from 'history';

class CreatePage extends React.Component {
    constructor (props) {
        super(props);
        this.state = {};
    }

    render() {
        return (
            <div className='b-container'>
                <div className = 'test'>
                    <h1>Hello World!</h1>
                </div>
                {this.props.children}
            </div>
        );
    }
}

//render(<HomePage />, document.body);

const routes = {
    path: '/',
    component: CreatePage,
    childRoutes: [
        { path: 'about', component: HomePage }
    ]
};

render(<Router>{routes}</Router>, document.getElementById('root'));

＆＃13;

Answer 1

您没有将历史记录传递给路由器。这样的事情可以解决问题：

Func<int>

Answer 2

谢谢大家。问题出在react-router版本中，我尝试使用v 1.0中的功能，但安装的是v13.5。为了解决这个问题，我重新安装路由器，一切都很顺利。

反应路由器问题未捕获错误：不变违规：元素类型无效：预期字符串（对于内置组件）

2 个答案: