在更深的容器组件中访问单个 Redux 存储的最佳实现是什么？

Question

通过定义 mapStateToProps 的 connect() 函数创建容器组件，可以访问整个树状态的状态 (store.getState())。

比如我已经合并了状态树：

{
  loaded: true,
  threads: [
    {
      id: 1,
      title: "Thread 1",
      messages: [
        { 
          id: 1, 
          text: "Message 1"
        }        
      ]
    },
    {
      id: 1,
      title: "Thread 2",
      messages: [
        { 
          id: 2, 
          text: "Message 2"
        },
        { 
          id: 3, 
          text: "Message 3"
        }  
      ]
    }   
  ]
}

我应该如何访问给定线程的特定消息？

const mapStateToProps = (state) => {
  return {
    messages: getMessagesByThread(state.threads, <threadId>)
  }
}

在这种情况下，假设我不想在存储状态树 (store.getState().activeThreadId) 中有“activeThreadId”参数。

提供 threadId 的最佳其他可能性是什么？

Answer 1

如果您有 threadId 作为组件上的道具，您可以通过 ownProps 参数传递它：

const mapStateToProps = (state, ownProps) => {
  return {
    messages: getMessagesByThread(state.threads, ownProps.threadId)
  }
}

这是我认为最好的方式。