Не удается прочитать свойство 'объект' из неопределенного - реакции-маршрутизатора-дом

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: Невозможно прочитать свойство 'объект' из неопределенного

Здесь будет полезна любая помощь.Спасибо

Answer 1

Переключите маршрут «/» с помощью маршрута «/ about».Рендеринг сначала будет искать компонент, если не найден, будет бог для домашнего компонента

Answer 2

Думаю, эта проблема связана с react-router-dom версией 4.0.0, поэтому вам нужно обновить ее до последней версии.

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