我在 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 中抛出错误
但是它做的和我期望的完全一样,只是它会抛出错误
见以下答案:
(自答) 我停止在组件中使用 className,即使它在 React Javascript 和 Typescript 中正常工作(但在 typescript 的情况下,即使它有效也会抛出错误)并且只使用 typescript 为 IconBaseProps 接受的首选属性