我有一个任务缩减器,它表示以下对象:
{
error: false,
loading: false,
tasks: []
}
现在,对象被传递到一个哑组件中:
<task-list tasks="tasks$ | async"></task-list>
我不喜欢的是,要访问任务列表,我必须使用 tasks.tasks
.我已经考虑过将error
、loading
和tasks
分别传递到组件中,以及使用 getter。但是,当我通过说tasks
和users
时,这带来了另一个问题......我不得不为tasks
和users
传递一个loading
和error
财产
这是一个人们只是接受的尴尬问题,还是有更好的解决方法?
你是否被tasks.tasks所困扰?
使用一个名为 tasks
的状态切片有什么问题,它将包含
{
error: false,
loading: false,
currentTasks: []
}
你是否还在寻找答案,但我总是说,如果某件事看起来直觉不对劲,那么花 5 分钟寻找更好的方法是值得的。在这里,我将重命名化简器和输入:
<task-list state="taskListState$ | async"></task-list>