Typescript 和 Javascript React-Icons className 冲突(自答)

问题描述 投票:0回答:1

我在 Javascript 中使用 React,最近切换到使用 Typescript 的 NextJs

我像往常一样在 React 中导入这个 BiUser 的 react-icons,但在 React 中,即使在图标中添加 className 效果很好,但在 Typescript 中它会给出错误

Type '{ 类名:字符串; }' 不可分配给类型 'IntrinsicAttributes & IconBaseProps'。 类型“IntrinsicAttributes & IconBaseProps”上不存在属性“className”。

这是代码的黑色。 (我用顺风)

<BiUser className='text-light w-[35px] h-[35px]'/>

然而,对此持怀疑态度的是,即使我忽略了那个错误,className 的工作方式就像我期望的那样,只是我想要解决的那个错误,我是忽略它还是我必须做某事或者摆脱我将类名添加到组件的方式

我尝试将 className 添加到组件,就像我在 React 中所做的那样,但它在 Typescript 中抛出错误

但是它做的和我期望的完全一样,只是它会抛出错误

见以下答案:

javascript reactjs typescript next.js components
1个回答
0
投票

(自答) 我停止在组件中使用 className,即使它在 React Javascript 和 Typescript 中正常工作(但在 typescript 的情况下,即使它有效也会抛出错误)并且只使用 typescript 为 IconBaseProps 接受的首选属性

© www.soinside.com 2019 - 2024. All rights reserved.