Le passage d'un NavLink à un composant d'interface utilisateur des matériaux grâce à l'hélice containerElement donne « Failed Type prop » avertissement

Question

<RaisedButton containerElement={NavLink} to="/somewhere"> 
    Somewhere 
</RaisedButton> 

produit l'avertissement suivant:

Warning: Failed prop type: Invalid prop `containerElement` supplied to `RaisedButton`. 
in RaisedButton (at App.js:11) 
in App (at index.js:23) 
in Provider (at index.js:22) 
in MuiThemeProvider (at index.js:21) 

mais le Navlink rend correctement et redirige vers /somewhere en cliquant dessus. Si c'est un accessoire obsolète qui fonctionne encore, je n'ai pas pu trouver ce que le nouvel accessoire est appelé ... S'il vous plaît aviser. Si rien d'autre je voudrais cacher l'avertissement (comment?).

Answer 1

Je pense que vous devez donner le balisage pour la containerElement, quelque chose comme ça (plutôt que le nom de l'élément)

containerElement={<NavLink to="/home" />} 

Donnez que d'essayer et voir si cela fonctionne

Answer 2

a partir de matériel UI 1.0 l'hélice est appelé component:

import { Link } from 'react-router-dom' 
import Button from 'material-ui/Button'; 

<Button component={Link} to="/open-collective"> 
    Link 
</Button> 

en savoir plus sur Buttons.