Предупреждение: Ошибка типа проп: Прописка `to` помечена как обязательная в` Link`, но ее значение равно `undefined`

Question

import React, { Component } from 'react';
import { Link } from 'react-router-dom';
import { Jumbotron, Grid, Row, Col, Image, Button } from 'react-bootstrap';
import './Home.css';

export default class Home extends Component{
render() {
    return (
        <Grid>
            <Jumbotron>
                <h2>Welcome to Judic-O Couture.io</h2>
                <p>Understang the basics of react, react-bootstrap & react-router-dom.</p>
            </Jumbotron>
            <Link>
                <Button bsStyle="primary">About</Button>
            </Link>
        </Grid>
    );
  };
};

Не могу увидеть мою ошибку, но я знаю, что в ней есть ошибка.Я пошел к тегу ссылки, потому что именно там указана ошибка вact-router-dom

Answer 1

Прочитайте документацию о реагирующем маршрутизаторе.

https://reacttraining.com/react-router/web/api/Link

Пропорция to требуется для компонента Link.

Answer 2

        <Link>
            <Button bsStyle="primary">About</Button>
        </Link>

здесь в ссылке нужно добавить to

        <Link to="/about">
            <Button bsStyle="primary">About</Button>
        </Link>