fix: 修复Cell.Group的style和className作用范围不包括title的问题 #153

3lang3 · Nov 12, 2021 · 5549afa · 5549afa
1 parent e0f2bac
commit 5549afa
Showing 1 changed file with 11 additions and 18 deletions.
diff --git a/packages/react-vant/src/cell/CellGroup.tsx b/packages/react-vant/src/cell/CellGroup.tsx
@@ -11,29 +11,22 @@ const CellGroup: React.FC<CellGroupProps> = (props) => {
   const [bem] = createNamespace('cell-group', prefixCls);
 
   const renderGroup = () => (
-    <div
-      className={classnames(
-        bem({ inset }),
-        { [BORDER_TOP_BOTTOM]: !inset && border },
-        props.className,
-      )}
-      style={{ ...props.style }}
-    >
+    <div className={classnames(bem({ inset }), { [BORDER_TOP_BOTTOM]: !inset && border })}>
       {props.children}
     </div>
   );
 
-  const renderTitle = () => <div className={classnames(bem('title'))}>{title}</div>;
+  const renderTitle = () => {
+    if (title) return <div className={classnames(bem('title'))}>{title}</div>;
+    return null;
+  };
 
-  if (title)
-    return (
-      <>
-        {renderTitle()}
-        {renderGroup()}
-      </>
-    );
-
-  return renderGroup();
+  return (
+    <div className={props.className} style={props.style}>
+      {renderTitle()}
+      {renderGroup()}
+    </div>
+  );
 };
 
 CellGroup.defaultProps = {