Я пытаюсь передать массив другому компоненту, но кажется, что массив в этом компоненте пуст.
Основной компонент
var Main = createReactClass({
getInitialState() {
return { items: [] }
},
componentDidMount() {
$.getJSON('/items', (response) => { this.setState({ items: response }) });
},
componentDidUpdate() {
console.log(this.state.items) // The array is full here
},
render() {
return (
<Router history={browserHistory}>
<Route path="/showitem" component={ShowItem} items={this.state.items}></Route>
</Router>
);
}
});
Компонент ShowItem
var ShowItem = createReactClass({
getInitialState() {
return {
}
},
componentDidMount() {
this.initialCalendar(this.props.route.items);
},
componentDidUpdate() {
this.initialCalendar(this.props.route.items);
console.log(this.props.route.items) // This array is EMPTY
},
Если Я положил данные в getInitialState
Main
компонента, он работает. если я не использую элемент Route
и Router
и просто имею компонент, он работает. Как я могу передать этот массив в ShowItem
компонент?