gpt4 book ai didi

reactjs - Chrome 开发工具显示名称为 'State' 的所有 useState Hook

转载 作者:行者123 更新时间:2023-12-03 14:16:36 30 4
gpt4 key购买 nike

我正在尝试在开发工具中检查 React Hooks 组件,但无论组件如何,我的所有 useState Hook 都显示为:

Hooks

State: false
State: null
Effect: fn()

false 值是正确的,但我无法确定哪个钩子(Hook)是哪个钩子(Hook),因为由于某种原因它们不会显示钩子(Hook)变量名称。

以下是我设置每个钩子(Hook)的方法:

const [myHook, setMyHook] = useState(false);

最佳答案

参见 Is there any way to see names of 'fields' in React multiple state with React DevTools when using 'useState' hooks :

const [item, setItem] = useStateWithLabel(2, "item");
function useStateWithLabel(initialValue, name) {
const [value, setValue] = useState(initialValue);
useDebugValue(`${name}: ${value}`);
return [value, setValue];
}

关于reactjs - Chrome 开发工具显示名称为 'State' 的所有 useState Hook ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59363038/

30 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com