refactor(Layout): 使用函数组件替换Class组件

uiwjs · Feb 25, 2023 · e99c529 · e99c529
1 parent 09cc7ef
commit e99c529
Showing 1 changed file with 8 additions and 9 deletions.
diff --git a/packages/core/src/Layout/index.tsx b/packages/core/src/Layout/index.tsx
@@ -114,17 +114,16 @@ export interface LayoutProps {
   style?: ViewStyle;
 }
 
-export default class Layout extends PureComponent<LayoutProps> {
-  static Header = Header;
-  static Body = Body;
-  static Footer = Footer;
-  static Card = Card;
-  render() {
-    const { children, style } = this.props;
-    return <View style={[styles.container, style]}>{children}</View>;
-  }
+export default function Layout(props: LayoutProps) {
+  const { children, style } = props;
+  return <View style={[styles.container, style]}>{children}</View>;
 }
 
+Layout.Header = Header;
+Layout.Body = Body;
+Layout.Footer = Footer;
+Layout.Card = Card;
+
 const styles = StyleSheet.create({
   container: {
     backgroundColor: '#ededed',