Advertencia: Tipo de prop fallido: `componente` de prop inválido suministrado a` Ruta`
Estoy probando el nuevo react-router 1.0.0 y recibo advertencias extrañas que no puedo explicar:
Advertencia: PropType fallido: Prop `componente` no válido suministrado a` Route`.
Advertencia: `componente` indefinido no válido suministrado a` Ruta`.
La aplicación es simple:
import React from 'react';
import ReactDOM from 'react-dom';
import { Router, Route } from 'react-router';
import App from './components/app';
var Speaker = require('./components/speaker');
ReactDOM.render((
<Router>
<Route path="/" component={App}>
// This is the source of the warning:
<Route path="speaker" component={ Speaker }/>
</Route>
</Router>
), document.getElementById('react-container'));
altavoz.jsx:
import React from 'react';
var Speaker = React.createClass({
render() {
return (
<h1>Speaker</h1>
)
}
});
module.exoprts = Speaker;
app.jsx solo tiene la siguiente función render ():
render() {
return (
<div>
<Header title={this.state.title} status={this.state.status} />
{this.props.children}
</div>);
}
Cuando escribo la ruta a # / speaker o #speaker, no se muestra nada excepto el título. Por favor ayuda.