但是作为一名有责任心的程序猿,虽然外表屌丝,但内心还是很极客的!那我们如何优雅的书写React组件呢?
React状态组件?
顾名思义该组件有状态,有状态就有对应的UI 变化!...如果你的UI 不需要变化,请不要使用 状态组件!
如下就是典型的官方提供的一个状态组件
?
因为这是一个计数器,他是不断增长变化的,只要UI变化,那么就需要用到状态组件!
React无状态组件?...那么什么时候用无状态组件呢?
就是组件本身不需要负责UI变化,不包括子组件
回过头看我们之前的Index.jsx,和Shop.jsx
?
?
可能新手一开始,困难的地方就是在于如何规划组件,怎么写?...有三段一样的代码?
按照设计原则,我们需要把他做成组件!
?
我们可以这样做,但这样做不是最好的!我们改造下!...如果你需要在无状态组件里写一些逻辑判断呢?