时间戳

首页 > 解决方案 > 如何在类组件中使用 react-use-intercom 中的 useIntercom()？

reactjs - 如何在类组件中使用 react-use-intercom 中的 useIntercom()？

问题描述

我正在使用反应使用对讲机。

使用指南react-use-intercom中的以下钩子，该钩子建议在任何地方使用功能组件。

const { boot, shutdown, hide, show, update } = useIntercom();

但是我到处都在使用类组件，有什么方法可以在类组件本身中使用它，因为官方文档仅在功能组件中有示例。我想在单击按钮时使用此方法，即在某些事件上。

标签： reactjsintercom

解决方案

你不能在类组件中使用钩子，这是 React 的规则。有一种方法可以通过它。您可以使用 useIntercom 创建一个功能组件，将状态或函数作为道具传递给您的类组件。例如：

function Intercom(){
  const intercom = useIntercom();
  return <YourComponent {...intercom} />
}

例如，您现在可以在组件中使用引导功能，例如 this.props.boot()

推荐阅读