Reduxデコレータは反応コンポーネント状態のデータを取得します

Question

@connect(
    state => ({ 
     data: state.data 
    }), 
    dispatch => bindActionCreators({load}, dispatch)) 
export default class Test extends React.Component { 


} 

ここでは、反応コンポーネントの状態をthis.state.dataのように取得したいと考えています。反応コンポーネント状態でレデューサーデータを取得するコードを作成するにはどうすればよいですか？

Answer 1

react-redux @connectを使用しているため、コンポーネントのプロパティとしてdataが取得されます。これを状態として取得するには、Componentコンストラクタ内の状態としてpropを手動で設定する必要があります。すでにmapStateToPropsが@connectで行うので

export default class Test extends React.Component { 

    constructor(props){ 

     super(props); 
     this.state = { 
     data : props.data 
     } 

    } 

} 

Answer 2

、あなたはデータにアクセスするためのコンポーネントでthis.props.dataを呼び出すことができます。お役に立てれば！