react hook 常见错误 【持续更新】

2,806 阅读1分钟

Invalid hook call. Hooks can only be called inside of the body of a function component.

遇到这个bug后,你应该检查是否把钩子写到了函数中, 比如将 useCallback 写入到了一个函数里面, react 钩子只能直接写在函数组件里面。

如:

const addFn = ()=>{
	//如果不小心写到了这里就会报上面错误
	const foo = useCallback(()=>/*some code...*/); 
    /*some code...*/
}

typescript 中引入 moment 报错 Cannot call a namespace ('moment')

这时候需要使用这种方式引入

import moment = require('moment');

并且在 tsconfig.json 中添加如下配置

"compilerOptions":{

	"moduleResolution": "node",

}