React无法识别DOM元素上的'fullWidth'属性。

Question

• 错误截图

• 我将 fullWidth 作为属性使用。当我删除这些内容时，也会看到这个错误。

• 我将 isLoading 作为变量使用，而不是属性。

• 我们的代码中没有使用 colorKey，但是发现了这个关于 colorKey 的错误。

• 下面给出了我在哪里使用了 fullWidth 和 isLoading

- 没有 colorKey。

我需要知道可以检查哪个主题来解决这个错误。任何线索？任何建议可以消除这个错误吗？

源代码: https://github.com/CrazyPythonLover1/africaswap-interface-master/tree/main/src

技术: React, styled-components, TypeScript.

- Mainul Islam Faruqi

---

你以某种方式将这些属性传递给DOM元素。 - Roberto Zvjerković

如何找到我正在传递这些属性的位置。我使用ctrl+shift+f在VS Code中搜索整个项目。 - Mainul Islam Faruqi

我认为这是你正在使用的库，PancakeSwap。 - Roberto Zvjerković

是的，它是一个库。 - Mainul Islam Faruqi

如何解决这种问题？有什么想法吗？我已经搜索了3天。 - Mainul Islam Faruqi

一种选择是直接为软件包的维护者创建问题：https://github.com/pancakeswap/pancake-uikit/issues - Simon Bruneaud

Answer 1

无需专门查看您的Pancake UI库（例如，您面临的同样问题也会发生在Material-UI上）；
该库将某些原因下的属性传递给其子节点，而不进行过滤即传递给子DOM节点。您可以通过创建一个简单的附加组件来避免这种情况，该组件仅将必要的道具呈现给其子级。

这是一个通用示例，如果您想仅渲染一个div并希望其样式保持不变：

const RemoveDomProps=({style,children})=>(<div style={style}>{children}</div>)

然后你会在代码中使用它作为包装器：

<MyUILibraryComponent>
    <RemoveDomProps style={{...}}>
        {...}
    </RemoveDomProps>
</MyUILibraryComponent>

- Hacktisch

Answer 2

通过按下Ctrl+f查找fullWdth并将其替换为fullwidth，找到您正在使用fullWidth的位置。

- vipul suthar