Question

我正在使用react-router-dom 4.0.0。我有以下代码

import React from 'react';
import { render } from 'react-dom';
import { BrowserRouter as Router, Route, Link } from 'react-router-dom';

const About = () => (
    <div>
        <h2>About</h2>
    </div>
);

const Home = () => (
    <div>
        <h2>Home</h2>
    </div>
);



const BasicExample = () => (
    <Router>
        <div>
            <ul>
                <li><Link to="/">Home</Link></li>
                <li><Link to="/about">About</Link></li>
            </ul>

            <hr />

            <Route exact path="/" component={Home} />
            <Route path="/about" component={About} />
        </div>
    </Router>
);

render(<BasicExample />, document.body);

这里的问题是我收到属性字符串undefined的错误。

VM1542 bundle.js：3589 Uncaught TypeError：无法读取属性＆＃39;对象＆＃39;未定义的

这里有任何帮助。感谢

Answer 1

我猜这个问题与react-router-dom版本4.0.0有关，所以你需要升级到最新版本。

npm install react-router-dom@* --save

Answer 2

使用'/ about'路线切换'/'路线。如果找不到组件，渲染将首先查找组件

无法阅读财产＆＃39;对象＆＃39;未定义的 - react-router-dom

2 个答案: