Merge pull request #529 from rulishu/rls

fix(Divider&Result): 修改Divider MarkDown & Result为函数组件

Author: ChenlingasMx

packages/core/src/Divider/README.md

@@ -10,8 +10,7 @@ import React,{Component, Fragment } from "react"
 import { View, Text } from 'react-native';
 import  { Divider }  from '@uiw/react-native';
 
-class Demo extends Component {
-  render() {
+function Demo() {
   return (
     <Fragment>
       <Text>分割线</Text>
@@ -21,7 +20,6 @@ class Demo extends Component {
       <Text>分割线</Text>
     </Fragment>
   );
-  }
 }
 export default Demo
 
@@ -36,8 +34,7 @@ import React,{Component, Fragment } from "react"
 import { View, Text } from 'react-native';
 import  { Divider }  from '@uiw/react-native';
 
-class Demo extends Component {
-  render() {
+function Demo() {
   return (
     <Fragment>
       <Text>分割线</Text>
@@ -46,7 +43,6 @@ class Demo extends Component {
       <Divider label="OR" gutter={100}/>
     </Fragment>
   );
-  }
 }
 export default Demo
 
@@ -59,8 +55,7 @@ import React,{Component, Fragment } from "react"
 import { View, Text } from 'react-native';
 import  { Divider }  from '@uiw/react-native';
 
-class Demo extends Component {
-  render() {
+function Demo() {
   return (
     <Fragment>
       <Text>分割线</Text>
@@ -71,7 +66,6 @@ class Demo extends Component {
       <Divider label="right" orientation="right" labelStyle={{ fontWeight: 'bold' }} />
     </Fragment>
   );
-  }
 }
 export default Demo
 
@@ -84,14 +78,12 @@ import React,{Component} from "react"
 import { View, Text } from 'react-native';
 import  { Divider }  from '@uiw/react-native';
 
-class Demo extends Component {
-  render() {
+function Demo() {
   return (
    <View style={{ height: 200 }}>
       <Divider type="vertical" label="OR" />
     </View>
   );
-  }
 }
 export default Demo
 

packages/core/src/Result/index.tsx

@@ -49,16 +49,13 @@ export interface ResultProps extends ViewProps {
   message?: React.ReactNode;
 }
 
-export default class Result extends Component<ResultProps> {
-  static defaultProps: ResultProps = {};
-  render() {
-    const { style, title, message, img, ...otherProps } = this.props;
-    return (
-      <View style={[styles.defalut, style]} {...otherProps}>
-        {img}
-        {title && <MaybeTextOrView style={styles.title}>{title}</MaybeTextOrView>}
-        {message && <MaybeTextOrView style={styles.message}>{message}</MaybeTextOrView>}
-      </View>
-    );
-  }
+export default function Result(props: ResultProps) {
+  const { style, title, message, img, ...otherProps } = props;
+  return (
+    <View style={[styles.defalut, style]} {...otherProps}>
+      {img}
+      {title && <MaybeTextOrView style={styles.title}>{title}</MaybeTextOrView>}
+      {message && <MaybeTextOrView style={styles.message}>{message}</MaybeTextOrView>}
+    </View>
+  );
 }