在设计状态形状的章节中,文档建议将您的状态保存在由ID键入的对象中:
将每个实体保存在以ID作为密钥存储的对象中,并使用ID从其他实体或列表中引用它.
他们继续陈述
将应用程序的状态视为数据库.
我正在处理状态形状以获取过滤器列表,其中一些将打开(它们显示在弹出窗口中),或者已选择选项.当我读到"将应用程序的状态视为数据库"时,我考虑将它们视为JSON响应,因为它将从API(本身由数据库支持)返回.
所以我一直在考虑它
[{
id: '1',
name: 'View',
open: false,
options: ['10', '11', '12', '13'],
selectedOption: ['10'],
parent: null,
},
{
id: '10',
name: 'Time & Fees',
open: false,
options: ['20', '21', '22', '23', '24'],
selectedOption: null,
parent: '1',
}]
Run Code Online (Sandbox Code Playgroud)
但是,文档建议更像一种格式
{
1: {
name: 'View',
open: false,
options: ['10', '11', '12', '13'],
selectedOption: ['10'],
parent: null,
},
10: {
name: 'Time & Fees',
open: false,
options: ['20', '21', '22', '23', '24'],
selectedOption: null,
parent: …Run Code Online (Sandbox Code Playgroud)