reactjs - 在一个组件而不是另一个组件上获得不可分配类型，它们看起来与我相似。我不知道有什么不同

Question

我是 Typescript 和 React 的新手。我有一个应用程序，其中包含两个操作组件，一个用于扫描二维码（扫描），一个用于生成二维码（生成）。我正在尝试将运行时选项传递给操作组件。每个操作组件都有一组不同的运行时选项。我试图通过道具传递它们。生成组件的代码似乎可以被 Typescript 接受，但扫描的代码阻止了构建并且不会编译。据我所知，代码是相似的，我看不出生成可接受而扫描不可接受的理由。我所研究的一切似乎都不足以给我所需的答案。

为了澄清，我将这些组件中的道具导出到 dha-qrcode 中的组件。

我包括代码的屏幕截图：

产生：

扫描：

错误信息：

任何帮助表示赞赏。

标签： reactjstypescript

Answer 1

有点不清楚您要做什么。

你IPropsinGenerator和Scanner都是你的组件的道具，而不是从dha-qrcode.

例如，

<Scan options={{ showViewFinder: true, delay: 500, ... }} />

但是，您没有使用您的Scan，您正在使用Scan（别名为Scanner） from dha-qrcode。您需要提供与其道具接口匹配的道具。

<Scanner showViewFinder={true} ... />

它似乎并不支持您假设的所有道具。