想问大家公司目前使用 react hooks 的情况怎么样惹

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

For Existing Member Sign In

• 请不要在回答技术问题时复制粘贴 AI 生成的内容

This topic created in 1907 days ago, the information mentioned may be changed or developed.

公司一直没用，我最近学了下想在下个迭代试试，毕竟想学点新东西，不知道现在大环境下 react hooks 发展成什么样了，大家所在的公司现在比较侧重用 react hooks 嘛

hooks

React

迭代试

公司

34 replies • 2021-02-20 11:31:59 +08:00

llb123

Feb 8, 2021

已经全面用 hook 了

Jirajine

Feb 8, 2021 via Android

hook 是 react 的精髓，不用 hook 不如改用 vue 。

duduaba

Feb 8, 2021

全面使用，老代码不动，新功能必须 hooks

bzw875

Feb 8, 2021

入职以来全是 react hook，搞得我类组件都不熟悉。

karott7

Feb 8, 2021 via iPhone

用了 hooks 一年过了，真香，再也不想写类组件了

southlink

Feb 8, 2021

hooks + ts 香的一批

AV1

Feb 8, 2021

我曾经因为 class 嫌弃 react，后来因为 hook 喜欢上 react 。

10bkill1p

Feb 8, 2021

老项目还是 class，新项目一律 hooks

weimo383

Feb 8, 2021 via Android

惹，你竟然说惹

weixiangzhe

Feb 8, 2021 via Android

hook 加 ts 加一

JQD6r41PkI4o2mEz

Feb 8, 2021 via Android

看情况，hooks 要在 fc 里，fc 不能用修饰

zhuweiyou

Feb 8, 2021

全面 hooks

JQD6r41PkI4o2mEz

Feb 8, 2021 via Android

fc 的 setstate 没有 callback，不方便

gxm44

Feb 8, 2021

全面 hooks

wobuhuicode

Feb 8, 2021

@imjamespond hook 之后不需要 callback，直接使用 useeffect 就好了

JQD6r41PkI4o2mEz

Feb 8, 2021 via Android

@wobuhuicode 要的哦，比如有 a,b 两个按钮都要改某个 state 但实现业务不同，回调不能相同哦

azcvcza

Feb 8, 2021

@imjamespond 可以自己封一个
```
function useCallbackState(state){
const callbackRef = useRef();
const [data, setData] = useState(state);

useEffect(
()=>{

callbackRef.current && callbackRef.current(state)
},[state]
)

return [data, function(d, callback ){
callbackRef.current = callback;
setData(d);
}]

}
```
正常使用就是 const [s1, setS1] = useCallbackState(1); // 返回的 setS1 = function(state,callback) 与 class 版本统一；
使用回调直接 setS1(2, ()=>{})即可

JQD6r41PkI4o2mEz

Feb 8, 2021 via Android

useeffect 对应的是 componentdidupdate，不是 setstate 的 callback 哦
@wobuhuicode

JQD6r41PkI4o2mEz

Feb 8, 2021 via Android

@azcvcza 这个实现我知道，但是 callback 中如果要调用其它的 fc 的方法比如 foo，foo 中的打印 data 还是旧的，class 中 callback 调用其它成员 method 就没这个问题

wobuhuicode

Feb 8, 2021

@imjamespond
如果刚使用 hooks 的话这样对应的话就没有太多的问题，但是随着深入使用的话，这种类比使用就会让你很困惑。
其实 setState 的 callback 和 componentdidupdate 是等价的。但是由于 class 写法的 state 最终还是一个 big object 。componentdidupdate 无法把 state 分割到你想要的颗粒度。
要说 useeffect 除了是一个 componentdidupdate 之外，它还是一个更理想的数据监听器。