この小道具が空のオブジェクトの問題に反応する

Question

renderメソッドの内部コンポーネントにjsを反応させ、コンソールログthis.propsを空のオブジェクト値にしました！ここに私のコード、

import React, { Component } from 'react'; 
import { Router, Route, Link, IndexRoute, hashHistory, browserHistory } from 'react-router'; 

import Home from './home'; 
import About from './about'; 


class App extends React.Component { 
    constructor(){ 
     super(); 
    } 
    render() { 
    console.log(this.props) 
    return (
     <div> 
      Hi 
     </div> 
    ); 
    } 
} 

export default App 

Answer 1

あなたがwithRouter高次成分を使用することができます。

import React, { Component } from 'react'; 
import { Router, Route, Link, IndexRoute, hashHistory, browserHistory, withRouter } from 'react-router'; 

import Home from './home'; 
import About from './about'; 


class App extends React.Component { 
    constructor(){ 
     super(); 
    } 
    render() { 
    console.log(this.props) 
    return (
     <div> 
      Hi 
     </div> 
    ); 
    } 
} 

export default withRouter(App) 

More info here.