初学redux，我想在点击Add Todo按钮后可以看到我新增加的数据，请问怎么实现

Question

我在AddTodo.js文件中发送dispatch，

import React from 'react'
import { connect } from 'react-redux'
import { addToCart } from '../actions/cart-actions'

let AddTodo = ({ dispatch }) => {
    let input

    return (
        <div>
            <form
                onSubmit={e => {
                    e.preventDefault()
                    if (!input.value.trim()) {
                        return
                    }
                    dispatch(addToCart('Coffee 500gm', 1, 250))
                    input.value = ''
                }}
            >
                <input
                    ref={node => {
                        input = node
                    }}
                />
                <button type="submit">
                    Add Todo
                </button>
            </form>
        </div>
    )
}
AddTodo = connect()(AddTodo)

export default AddTodo

我想在页面上显示我新的state数据，请问如何实现？

如何知道的state中数据是否更新？

点击这里是代码地址

Answer 1

redux会管理全局的state。
所以你只需要更新全局的state就好了。
connect高阶函数会提供一个dispatch的方法，使用dispatch一个action,就会自动reducer一个state。这样state就更新了。
state的数据通过connect函数传入组件，在组件中通过props就可以获取到了。