如何调用具有大量动态变量的 mapStateToProps 路径 (React-Redux)

How to call a mapStateToProps path with numerous dynamic variables (React-Redux)

不确定正确的语法到底是什么,但我正在尝试获取在状态中找到的 courseTitle 变量的值(字符串)作为以下路径(当输入 console.log(状态):


|_____ firestore
|______________ 数据
|_____________________ "userID"
|_____________________________“课程 ID”
|________________________________________ 课程名称

“userID”和“courseID”是动态变量,其值根据登录的用户和用户选择的课程而变化。 courseTitle 是一个包含课程标题的变量,是通过 mapStateToProps 读入的内容。

注意:解决方案
在写问题时,我能够测试一些东西并最终找到解决方案。但是,我认为在这里分享我的代码可能会对遇到类似问题的未来编码人员有所帮助。

const mapStateToProps = (state, ownProps) => {

    const UID = state.firebase.auth.uid;                 <------THIS IS WHAT THE DYNAMIC "userID" is.
    const courseID = state.CreateContent.selectedCourse; <------THIS IS WHAT THE DYNAMIC "courseID" is.

    const courses = state.firestore.data[UID];
    const course = courses ? courses[courseID] : null;
    const courseTitle = course ? course.courseTitle : null;
    console.log('Title: ' + courseTitle);                 <------ THIS DISPLAYS THE CORRECT courseTitle.

    return {

        courseTitle: courseTitle,

    }
}