阵营终极版提供商盛大孩子

Question

我有一个主要的js文件，比方说：

import React from 'react'; 
import ReactDOM from 'react-dom'; 

import {Provider} from 'react-redux'; 
import {store} from './store.js'; 
import {App} from './app.js' 

ReactDOM.render(<Provider store={store}><App /></Provider>,  document.getElementById('content')); 

而且我App.js看起来是这样的：

import React from 'react'; 
import { connect } from 'react-redux'; 
import { Proba } from './proba.js' 

export class App extends React.Component 
{ 
    constructor() 
    { 
     super(); 
    } 

    render() 
    { 
     return (<div><button>Success</button><Proba /></div>); 
    } 
} 

function mapStateToProps(store) 
{ 
    return { 
     a: 'ok' 
    }; 
} 

function mapDispatchToProps(dispatch) 
{ 
    return {}; 
} 

export default connect(mapStateToProps, mapDispatchToProps)(App) 

我怎样才能从普罗巴组件达到店？我可以在应用程序中获得它，但不知道如何将它传递给它的孩子。

我尝试以下但不工作，我仍然得到一个空对象在我proba.js：

import React from 'react' 
import { connect } from 'react-redux'; 

export class Proba extends React.Component 
{ 
    constructor(props) 
    { 
     super(props); 
     console.log(this.props); 
    } 


    render() 
    { 
     return <p>{this.props.a}</p>; 
    } 
} 

function anotherMapStateToProps(store) 
{ 
    return { 
     a: 'ok' 
    }; 
} 

function anoterMapDispatchToProps(dispatch) 
{ 
    return {}; 
} 

export default connect(anotherMapStateToProps, anoterMapDispatchToProps)(Proba) 

Answer 1

相同的方式，你为App。 connect()它并选择您想要作为道具传入组件的商店值。

export default connect(anotherMapStateToProps, anoterMapDispatchToProps)(Proba)