CODEWITHSUNDEEP
reactjsreact-reduxmapstatetoprops
Andrew B.
Andrew B.

Reputation: 275

React-Redux mapStateToProps with dynamic (uid based) path

I am new to React and React-Redux. I'm trying to pass "mapStateToProps" using a dynamic pathway depending on the users id. The basic code being used follows:

const mapStateToProps = (state) => {

    console.log(state);
    console.log(state.firebase.auth.uid); <===== THIS DISPLAYS THE USERS ID, PROVING THE PATH EXISTS

    return {

        courses: `state.firestore.ordered.${state.firebase.auth.uid}`, <======= THIS LINE IS AN ERROR EVEN THOUGH THE PATH EXISTS

    }
}

The code works fine if I manually type in the users ID. Lets say the users ID is "12345", then replacing that line with

courses: state.firestore.ordered.12345, <======= THIS LINE WOULD WORK

Any clarification as to why this doesn't work and an alternative method of making this work would be greatly appreciated!

Upvotes: 0

Views: 127

Answers (1)

dkuznietsov
dkuznietsov

Reputation: 298

If you want to access dynamic property in JS object, you need to use square braces

    courses: state.firestore.ordered[state.firebase.auth.uid]

Upvotes: 1

Related Questions