состояние не определено в реактивном нативном

Question

Я внедряю Redux в реактивный проект.У меня есть некоторые асиновые действия и некоторые чистые действия.Я не могу получить значение состояния в моем компоненте.Как мне его получить?значения предупреждений, но в компоненте я не получаю значения.Как мне решить эту проблему ??Заранее спасибо.

Answer 1

Я считаю, что ваши mapStateToProps могут быть проблемой в зависимости от того, как вы инициализируете свой магазин. Сейчас предполагается, что gen является свойством базового хранилища, но, скорее всего, у вас есть вызов combineRecucers при создании хранилища, которое добавляет еще один объектный слой.

Answer 2

Ты можешь попробовать вот так?

...

nextScr(gend) {
        alert(`gen: ${gend} \n this.props.gen: ${this.props.gen}`)
        if(gend!= null) {
            this.props.navigation.navigate('Info');
        }    
    }

    render() {
         const { gen } = this.props;                                                                                                                                                                                                                                                             
        return (
            <View style={style.container}>                                               

                <View style={style.bcont}>
                    {/*   this.storeData("Male") this.storeData("Female") */}
                    <Btn name="gender-male" txt="Male" click={() => this.props.saveMale('male')}
                        bstyl={(gen == 'Male')  ? [style.btn, style.btnsel] : style.btn} />
                    <Text style={style.hi}>OR</Text>
                    <Btn name="gender-female" txt="Female" click={() => this.props.saveFemale('female')}
                        bstyl={(gen == 'Female') ?  [style.btn, style.btnsel] : style.btn} />
                </View>
                <Text>Gender Value is: {this.props.gen}</Text>
                <Next name="chevron-right" nextClk={ () => this.nextScr(this.props.gen)} />
            </View>
        );
    }

...