reactredux中如何获取store数据并将数据渲染出来

//store/index.js 代码
import { createStore } from 'redux';
import reducer from "./reducer"
const store = createStore(reducer);
export default store

//store/reducer.js
const reducer = (prevState,action)=>{
    let newState = {...prevState}
    return newState
}
export default  reducer

//store/reducer.js
let state = {
    todos:[
        {
            id:1,
            title:"今天周一",
            isFinished:false
        },
        {
            id:2,
            title:"今天周二",
            isFinished:true
        }
    ]
}
const reducer = (prevState = state,action)=>{
    let newState = {...prevState}
    return newState   //将新的数据返回出去
}
export default  reducer

//在任意页面（view）引入该store
import store from './store'
console.log("store====",store)

import store from './store'
console.log(store.getState())

import React, { Component } from 'react'
import store from '../store'    //引入
export default class One extends Component {
    constructor(){
        super()
        this.state = {
            todos:[]  //一定要定义一个初始值
        }
    }
    componentDidMount(){
        this.setState({
            todos:store.getState().todos   //将获取到的数据里面的内容赋值给 该页面 state
            							   //页面初次渲染的时候什么都没有，在这里获取并修改数据
            							   //使得页面重新渲染，拿到数据
        })
    }
    render() {
        return (
            <div>
                {
                    this.state.todos.map(item=>{   //这里就是展示了
                        return(
                            <ul key={item.id}>
                                <li>{item.id}</li>
                                <li>{item.title}</li>
                            </ul>
                        )
                    })}
            </div>
        )
    }
}