react-dedux用Provider，组件this.props获取不到store

Question

index.js部分
const App = lazy(()=>import('./component/home/App'))
const PageA = lazy(()=>import('./component/page-a/Component'));

const store = createStore(Reducers);
console.log(store)
// 路由
const Root = ({store}) => (
    <Provider store={store}>
        <Router history={history}>
            <div>
                <Suspense fallback={<div>Loading...</div>}>
                    <Switch>
                        <Route exact path="/" component={App} />
                        <Route path="/page-a" component={PageA} />
                    </Switch>
                </Suspense>
            </div>
        </Router>
    </Provider>);

ReactDOM.render(
    Root(store), 
    document.getElementById('root')
);

store 打印出来是有的

在App组件里面只打印this.props只打印出来了history的值

Answer 1

const Root = (store) => (
    <Provider store={store}>
        <Router history={history}>
            <div>
                <Suspense fallback={<div>Loading...</div>}>
                    <Switch>
                        <Route exact path="/" component={App} />
                        <Route path="/page-a" component={PageA} />
                    </Switch>
                </Suspense>
            </div>
        </Router>
    </Provider>);

Answer 2

组件还需要被connect起来，声明要获取store里的哪些字段

import { connect } from 'react-redux'
class Component extends React.Component {
   render() {
       console.log(this.props)     
   }
}
const mapStateToProps = state => {
   return {哪些你需要的值}
}
const mapDispatchToProps = {
    ...
}

export default connect(mapStateToProps, mapDispatchToProps)(Component)