6
votes

Avertissement: Type de prop échoué: le prop `to` est marqué comme requis dans` Link`, mais sa valeur est `undefined`

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>
    );
  };
};
Cant really see my error but I know there is a bug in it. I've gone to the link tag because thats where the error pointed to in the react-router-dom

reactjs react-router

3 commentaires

Le message d'erreur est assez explicite, le composant Link nécessite un accessoire à et vous ne l'avez pas fourni.

Ya, merci nubinub, je pense que je peux continuer

Merci les gars en particulier ma_dev_15

3 Réponses :

2
votes

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

1 commentaires

Merci je peux continuer

4
votes

Lisez la documentation de react-router.

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

La prop to est requise pour un composant Link .

0 commentaires

2
votes

Dans Link, vous devez ajouter "to", si vous n'utilisez pas vraiment le routeur pour quoi que ce soit, vous ne devriez pas utiliser Link, mais si pour une raison quelconque vous en avez besoin, alors faites-le comme ceci

Encore une fois, si vous l'utilisez vraiment pour le routeur À propos, vous devez utiliser

0 commentaires