react-vant icon indicating copy to clipboard operation
react-vant copied to clipboard

🐛 [Bug]: Icon 结合 ts 编译Bug

Open szl-shalom opened this issue 1 year ago • 10 comments

Which React Vant packages are impacted?

  • [X] react-vant (React Vant core)
  • [X] react-vant-icons(React Vant Icon)

What version of React Vant are you using?

3.35

Reproduce live demo(codesandebox or stackblitz)?

No response

Descripition

使用的React-vant 版本是 3.3.5 node 版本 18.20 React 版本 18.3.1

szl-shalom avatar May 31 '24 08:05 szl-shalom

ts 提示

szl-shalom avatar May 31 '24 08:05 szl-shalom

类型“{}”缺少类型“Pick<Omit<IconBaseProps, "name">, "string" | "filter" | "fill" | "values" | "id" | "children" | "className" | "onClick" | "spin" | "rotate" | "style" | "color" | ... 457 more ... | "onPointerLeaveCapture">”中的以下属性: onPointerEnterCapture, onPointerLeaveCapture icon ts 警告

szl-shalom avatar May 31 '24 08:05 szl-shalom

解决方案 :
<ArrowLeft onPointerEnterCapture={() => {}} onPointerLeaveCapture={() => {}} />

szl-shalom avatar May 31 '24 08:05 szl-shalom

官网也修复下类型吧

szl-shalom avatar May 31 '24 08:05 szl-shalom

@szl-shalom 方便提pr吗

3lang3 avatar Jun 06 '24 12:06 3lang3

https://github.com/3lang3/react-vant/pull/721 已处理 但是打包失败

wennjie avatar Jun 06 '24 13:06 wennjie

原来的问题是, 在编码的时候, 咱们ts检测的类型有问题, 组件是icon图表 WechatIMG796 后来我在下载了其他项目, 官方大大应该解决了这个问题 WechatIMG795

szl-shalom avatar Jun 07 '24 00:06 szl-shalom

我在用这个icon 图标的时候, 会出现如下ts类型检测问题 image 当时我的解决方案就是加上了这两个属性, 让ts暂时检测通过 image

szl-shalom avatar Jun 07 '24 00:06 szl-shalom

@szl-shalom 方便提pr吗

看下下面我回复呢

szl-shalom avatar Jun 07 '24 00:06 szl-shalom

使用react和 react-dom 是 18.2 能暂时解决这个问题。 并且如果使用 18.3 版本,控制台会有个 defaultProps 的警告。

beilo avatar Jul 01 '24 06:07 beilo