Javascript 在React UI中使用规范化的Redux状态之前，是否应该对其进行反规范化？

我最近开始使用normalizer库，对Redux状态的API响应进行规范化，但很少有部分仍然让我感到困惑

当使用规范化的Redux状态进行UI呈现时，将其传递给组件需要额外的id道具，而仅仅定义道具就变得复杂得多

           {postIds.map((postId) => (
            <Post
              postText={entities.posts[postId].body} 
              commentIds={entities.posts[postId].comments}
              postComments={entities.comments}
              postAuthor={
                entities.users[entities.posts[postId].author.username]
              }
            />
          ))}

{postIds.map（（postId）=>(
))}

在React UI中使用数据之前，是否应先对数据进行非规范化处理？

---

还是这是正常的模式？如果是这样，有什么方法可以简化它吗？

是的，当使用规范化状态时，您通常会：

const TodoListItem=（{id}）=>{
//使用state和ID值调用我们的'selectTodoById'
const todo=useSelector（state=>selectTodoById（state，id））
常量{text，已完成，color}=todo
}

我还建议通读：

• 有关规范化状态的详细信息和教程部分
• 这个