ReactJS:关于状态v.s显式状态声明的switch语句

时间:2017-02-01 13:37:09

标签: javascript reactjs state

这更像是一个design/engineering问题,但它确实与React有关。使用这两种类型的pros时是否有cons和/或state designs

方法1。我想跟踪所选类别和所选子类别,因此我设置了state,如下所示:

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

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

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

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

1 个答案:

答案 0 :(得分:1)

React中的状态用于控制if/else/switch的render方法。完全取决于你如何组织国家。 你可能有自己的设计,React根本不应该限制你。

  

关于状态v.s显式状态声明的切换语句

嗯,你需要有一些条件。 通常我会组织最简单的状态结构并有一些f(state)个案例,除非状态是应该呈现的。

  

好的,所以你要说如果state的值直接与正在呈现的东西相关,那么switch语句只会增加一个不必要的复杂层。

不,使用条件是必须的。

除非您要呈现统计信息本身,或某些f,否则report.jtl是修改函数。