How to get the status of a React within a React Native

Question

Hello, I’m new to React Native and I’m having problems to pass the status of a Reducer to a component I made. the same is as follows:

import React from 'react'
import { connect } from 'react-redux'
import { View, Text } from 'react-native'

class Foo extends React.Component {
    render() {
        const foo = !!this.props.isEnabled ? 'sim!' : 'não!';
        return <View><Text>{foo}</Text></View>
    }
}

const mapStateToProps = state => {
    console.log(state);
    return { isEnabled: state.fooReducer.isEnabled }
}

const mapDispatchToProps = {}

export default connect(mapStateToProps, mapDispatchToProps)(Foo);

The Redux is working and I can view the status change from the console.log() that I put in the mapStateToProps I just can’t pass that state to the component and use it to manipulate the render.

What I need to do to use that state within the render?

Answer 1

Theoretically the component part is working, you are using the combine? If you don’t need to specify which return is using after the variable Estate, ex : state."REDUCER".variavel. Try to access only the state for console log., if an unexpected value comes it may be some configuration of the Redux that did not you set wrong ex a store, the preview, the return etc..