javascript - ReactJS:状态上的 Switch 语句与显式状态声明

Question

这更多的是一个设计/工程问题，但它确实与React有关。使用这两种类型的状态设计时是否有任何优点和/或缺点:

方法 1. 我想跟踪选定的类别和选定的子类别，因此我设置了 state，如下所示:

this.setState({
    selectedCategory: "Appliances", 
    selectedSubCategory: null
 })

方法 2. 我想跟踪选定的类别/子类别，因此我设置了状态，并知道稍后可以使用 switch 语句来解释信息:

this.setState({
   selection: "Appliances",
   type:"Category"
})

当然，第二种方式可以表现为许多不同类型的设置(如对象等)。我只是想知道存储状态的最明显方法(方法 1)在高级用例中是否足够。有人用过方法2吗？

Answer 1

React 中的状态是为了控制 React.Component 的渲染方法而存在的。如何组织国家完全取决于你。你可以有你的设计，React 不应该限制你。

Switch statement on state v.s explicit state declarations

嗯，你需要有一些条件。通常，我会组织尽可能简单的状态结构，并有一些 if/else/switch 情况，除非状态是应该呈现的状态。

Okay, so you are saying that if the value of state directly relates to something being rendered then switch statements are just adding an unnecessary layer of complexity.

不可以，使用条件是必须的。

除非您应该渲染统计数据本身，或一些 f(state)，其中 f 是修改函数。