const Header = React.createClass({
contextTypes: {
router: React.PropTypes.object.isRequired,
},
render() {
return (
<li className={this.context.router.isActive('a') ? 'active' : ''}>
<Link to="https://stackoverflow.com/a/">A</Link>
</li>
<li className={this.context.router.isActive('b') ? 'active' : ''}>
<Link to="/b/">B</Link>
</li>
);
},
});
Io uso eslint-config-airbnb per controllare il codice sopra e mi mostra un errore msg come Componente dovrebbe essere scritto come una pura funzione.come risolvere Component dovrebbe essere scritto come un puro errore di funzione in eslint-react?
Quindi, come modificare il componente precedente in pura funzione?
Grazie per il vostro aiuto.
Lo provo e nel contesto della funzione di intestazione l'oggetto ha solo la chiave e ottiene la proprietà ref, il router non è definito. –
Hai incluso anche la riga Header.contextTypes? – aw04
Sì, includo quella linea. –