无法读取未定义的属性（读取 'on'）以连接 React 中的元掩码

Question

我正在尝试将元掩码钱包连接到我的项目中，但是当网站给出错误时没有元掩码扩展：未捕获类型错误：无法读取未定义的属性（读取'on'）。所以我正在做基本的 if else 命令，它是：

const connectWalletHandler = () => {
    if (window.ethereum) {
      return true;
    } else {
      return false;
    }
  }

并在渲染中：

{connectWalletHandler ? <Wallet /> : <div>Metamask extention is needed</div>}

但我仍然得到同样的错误。那么如何控制钱包呢？

Answer 1

将{connectWalletHandler ? ...}替换成{connectWalletHandler() ? ...}