fix(Component): leftIcon className has been overwritten in cell component (#726)

Jardel · jardel0x03 · web-flow · commit f0aa11253aef · 2024-06-06T20:21:09.000+08:00
Co-authored-by: jardel &lt;jardelcheung@gmail.com&gt;
diff --git a/packages/react-vant/src/components/cell/Cell.tsx b/packages/react-vant/src/components/cell/Cell.tsx
@@ -54,7 +54,7 @@ const Cell: React.FC<CellProps> = props => {
   const renderLeftIcon = () => {
     if (props.icon) {
       return React.cloneElement(props.icon as React.ReactElement, {
-        className: clsx(bem('left-icon')),
+        className: clsx(props.icon?.props?.className ?? '', bem('left-icon')),
       })
     }
     return null

Original file line number	Diff line number	Diff line change
`@@ -54,7 +54,7 @@ const Cell: React.FC<CellProps> = props => {`
`54`	`54`	`const renderLeftIcon = () => {`
`55`	`55`	`if (props.icon) {`
`56`	`56`	`return React.cloneElement(props.icon as React.ReactElement, {`
`57`		`- className: clsx(bem('left-icon')),`
	`57`	`+ className: clsx(props.icon?.props?.className ?? '', bem('left-icon')),`
`58`	`58`	`})`
`59`	`59`	`}`
`60`	`60`	`return null`