时间戳

首页 > 解决方案 > 使用 mapStateToProps 时未定义道具

reactjs - 使用 mapStateToProps 时未定义道具

问题描述

在我的应用程序中，我像这样使用 mapStateToPros：

const mapStateToProps = (state:any) => {

   return {
    cardsAndBalance: state.cardsAndBalanceReducer
   }
}

在调试中，当我停下来时，return我可以看到我有一些数据处于状态。

当我在我的 useEffect 函数中停止应用程序并检查 时，props值为propsundefined

useEffect(() => {

    console.log('useEffect')
    
    let cardNumbers: number[] = []
    const myCards = props.cardsAndBalance.cards;

    if(myCards)
        myCards.forEach((card: Card) => cardNumbers.push(card.number))

    generatePaymentCodeForTavim(cardNumbers = [])
        .then((res:any) => {
            setBarCode(res.barCode);
        })
        .catch( (err:any) => {
            console.log("error: " + err)
            ToastAndroid.show("Error Occurrd - check logs", ToastAndroid.SHORT);
        })
}, [])

这就是我将组件连接到商店的方式：

export default connect(mapStateToProps)(PayWithTavimStep1);

这是整个组件：

    const PayWithTavimStep1 = ({navigation}:{navigation:any}, props: any) => {
    
        const [barCode, setBarCode] = useState('')
    
        useEffect(() => {
    
            console.log('useEffect')
             //.......
        }, [])
    
        return (
            
            <View style={styles.container}>
               // Some views
            </View>
        )
    }
export default connect(mapStateToProps)(PayWithTavimStep1

当我在 useEffect 中停止执行时，为什么道具未定义？

标签： reactjsreact-nativereduxreact-reduxmapstatetoprops

解决方案

问题是我将两个参数传递给我的组件：({navigation}:{navigation:any}, props: any). 当它应该是(props: any)，现在在我的道具中，我仍然可以访问导航。

推荐阅读