当我使用umd库中的元件时，为什么会出现invalid-hook错误？
当我使用umd库中的元件时，为什么会出现invalid-hook错误？
提问于 2019-06-12 01:34:45
我已经创建了一个简单的Checkbox组件，它使用useEffect和useState来处理组件的选中状态。
我已经将这个组件添加到了我的components集合中(我自己的项目包含所有组件)。但是，如果我想在其他项目中使用该组件，我会收到以下错误消息：https://reactjs.org/docs/error-decoder.html/?invariant=321
如果我取消对useState和useEffect方法的注释，则该组件可以工作，如果我将整个组件复制到我的项目中(使用useEffect和useState方法！！)，它也可以工作。
我尝试过推荐的解决方案(https://reactjs.org/warnings/invalid-hook-call-warning.html)，但它不能解决我的问题。
const Checkbox = (props) => {
const [isChecked, setIsChecked] = useState(props.checked); // initialize isChecked with the prop checked (true/false)
useEffect(() => {
if (props.getCheckedState) {
props.getCheckedState(isChecked); // to get the status of isChecked in my parent component
}
}, [isChecked]);
return (
//
// My component
//
);
};
export {Checkbox};回答 2
Stack Overflow用户
发布于 2019-06-12 02:13:30
也许是因为你使用的是const而不是function关键字？试试这个：
export function Checkbox(props) {
const [isChecked, setIsChecked] = useState(props.checked); // initialize isChecked with the prop checked (true/false)
useEffect(() => {
if (props.getCheckedState) {
props.getCheckedState(isChecked); // to get the status of isChecked in my parent component
}
}, [isChecked]);
return (
//
// My component
//
);
};Stack Overflow用户
发布于 2019-06-12 03:36:36
您没有指定如何在Checkbox组件中实际导入这些钩子？
如果Checkbox拉出一个版本的React，而另一个项目拉出另一个版本的React (例如，使用Checkbox的组件导入不同的React)，那么您可能处于You might have more than one copy of React in the same app的情况下。
确保Checkbox和其他项目都导入相同版本的React。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/56549010
复制相关文章
相似问题