文章/答案/技术大牛

发布

社区首页 >问答首页 >Chakra-UI useOutsideClick没有按预期工作

问Chakra-UI useOutsideClick没有按预期工作
EN

Stack Overflow用户

提问于 2021-08-05 03:19:41

回答 1查看 506关注 0票数 0

我很难让useOutsideClick()正常工作。

当您单击“下面”的<html>时，回调似乎不会触发：

const ref = useRef();

const onClickOutside = () => {
  console.log("Clicked outside!");
};

useOutsideClick({
  ref,
  handler: onClickOutside
});

return (
  <Box p="4">
    <Text border="1px solid" mb="10" ref={ref}>
      When you click outside me a message should show up on the console.
    </Text>
    <Text border="1px solid">Try clicking me and then somewhere below.</Text>
  </Box>
);

如果在第二个<Text>标记下面单击，则不会触发回调。如果单击页面上的任何其他位置，则回调将按预期的方式工作。

我不确定这是钩子的限制还是我真的遗漏了什么。

你可以自己在CodeSandbox上试试。

javascript

reactjs

react-hooks

chakra-ui

回答 1

Stack Overflow用户

发布于 2022-06-22 22:48:44

问题是，如果您单击HTML元素外部，您甚至不会在文档中单击。事件侦听器是文档的一个属性，所以..。如果你在文档之外，你不会引发任何影响，对吧？

我希望我的回答对你还是有用的。

event.asp

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/68660211

复制

相似问题

问Chakra-UI useOutsideClick没有按预期工作
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Chakra-UI useOutsideClick没有按预期工作EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Chakra-UI useOutsideClick没有按预期工作
EN