用vanilla寫functional component
去咗睇react hook原理
(TNG hooks
https://github.com/getify/TNG-Hooks )
但TNG個做法stateful function要init
i.e.
const Stateful = TNG(() => {
const [state, setState]= useState(0)
...
})
喺top level init嘅話,用list render時會全部refer做同一個
return arr.map( _ => Stateful())
save落去又好似有啲on9
return arr.map((_,i) => {
arr[i]['save'] = arr[i]['save'] || TNG(Stateless)
return arr[i]['save']
})
而且arr變咗嘅話佢個stack好似會亂?
有冇巴打寫過類似嘅野,有冇咩方法
