这一块逻辑没搞懂，setstate不是一直是undefined吗？

来源：4-8 【全局数据传递】组件化Context Provider

NBADOTA2

2021-02-08

const setState = useContext(appSetStateContext)
    //console.log(setState)
    const addToCart = () => {
         // 思考: 同学们可以想一想如何化简这里的代码
        if (setState) {
            console.log('2222')
            setState(state => {
                return {
                    ...state,
                    shoppingCart: {
                        items: [...state.shoppingCart.items, {id, name}]
                    }
                }
            })
        }
    }

写回答

1回答

阿莱克斯刘

2021-02-13

hello 同学，新年好啊。

这里的逻辑有点绕，但是很重要。关于setState为undefined的原因，我们应该从下向上追溯源头。

首先，这里（Robot组件）的setState可以被认为是hook，所以与类组件的this.setState是两码事
第二，观察setState的定义，useContext hook中传入的是appSetStateContext，所以setState的类型是跟着appSetStateContext走的。
第三，打开 "/appState.tsx"可以找到appSetStateContext的定义，定义如下图所示，

//img1.sycdn.imooc.com/szimg/6026eac6093dde6119840294.jpg