具有动态（基于 uid）路径的 React-Redux mapStateToProps

Question

我是 React 和 React-Redux 的新手。我正在尝试根据用户 ID 使用动态路径传递“mapStateToProps”。使用的基本代码如下：

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

    }
}

如果我手动输入用户 ID，代码可以正常工作。假设用户 ID 是“12345”，然后将该行替换为

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

任何关于为什么这不起作用的澄清以及使这项工作起作用的替代方法将不胜感激！

Answer 1

如果要在JS对象中访问动态属性，需要使用方括号

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

具有动态（基于 uid）路径的 React-Redux mapStateToProps

React-Redux mapStateToProps with dynamic (uid based) path

reactjs

react-redux

mapstatetoprops