fix(Card&Calendar&CardCollapse): 修改MarkDown文档为函数

Author: rulishu

packages/core/src/Calendar/README.md

@@ -12,8 +12,7 @@ import { Calendar } from '@uiw/react-native';
 import Layout, { Container }  from '../Layout';
 const { Header, Body,  Footer } = Layout;
 
- class CalendarView extends Component {
-  render() {
+ function CalendarView() {
     const title = 'Calendar';
     return (
         <Container>
@@ -25,7 +24,6 @@ const { Header, Body,  Footer } = Layout;
           </Layout>
         </Container>
     );
-  }
 }
 export default CalendarView
 ```
@@ -39,8 +37,7 @@ import { Calendar } from '@uiw/react-native';
 import Layout, { Container }  from '../Layout';
 const { Header, Body,  Footer } = Layout;
 
-class CalendarView extends Component {
-  render() {
+function CalendarView() {
     return (
         <Container>
           <Layout>
@@ -51,7 +48,6 @@ class CalendarView extends Component {
           </Layout>
         </Container>
     );
-  }
 }
 export default CalendarView
 
@@ -66,8 +62,7 @@ import { Calendar } from '@uiw/react-native';
 import Layout, { Container }  from '../Layout';
 const { Header, Body,  Footer } = Layout;
 
-class CalendarView extends Component {
-  render() {
+function CalendarView() {
      const barProps = {
       barRightText: "返回",
       title : "日历",
@@ -84,7 +79,6 @@ class CalendarView extends Component {
           </Layout>
         </Container>
     );
-  }
 }
 export default CalendarView
 ```

packages/core/src/Card/README.md

@@ -9,8 +9,7 @@ Card 卡片
 import React,{ Component } from "react"
 import { SafeAreaView, View, Image  } from 'react-native';
 import Card from '@uiw/react-native/lib/Card';
-class Demo extends Component {
-  render() {
+function Demo() {
     return (
     <SafeAreaView style={{ flex: 1 }}>
       <Card>
@@ -20,7 +19,6 @@ class Demo extends Component {
       </Card>
     </SafeAreaView>
     )
-  }
 }
 export default Demo
 ```
@@ -29,8 +27,7 @@ export default Demo
 import React,{ Component } from "react"
 import { SafeAreaView, View, Image } from 'react-native';
 import Card from '@uiw/react-native/lib/Card';
-class Demo extends Component {
-  render() {
+function Demo() {
    return (
     <SafeAreaView style={{ flex: 1 }}>
      <Card borderRadius={12}>
@@ -44,7 +41,6 @@ class Demo extends Component {
       </Card>
     </SafeAreaView>
     )
-  }
 }
 export default Demo
 ```

packages/core/src/CardCollapse/README.md

@@ -21,8 +21,7 @@ const contents = [
   'https://wx3.sinaimg.cn/mw690/4718260ely1gt2cg7t5udj23dw1wkhdu.jpg',
 ];
 
-class Demo extends Component {
-  render() {
+function Demo() {
   const renderItem = (_, index) => {
     return (
       <View key={index} style={{ padding: 20,backgroundColor: '#fff'}}>
@@ -45,7 +44,6 @@ class Demo extends Component {
       </CardCollapse>
     </ScrollView>
     )
-  }
 }
 
 export default Demo
@@ -70,8 +68,7 @@ const contents = [
   'https://wx3.sinaimg.cn/mw690/4718260ely1gt2cg7t5udj23dw1wkhdu.jpg',
 ];
 
-class Demo extends Component {
-  render() {
+function Demo() {
   const renderItem = (_, index) => {
     return (
       <View key={index} style={{ padding: 20,backgroundColor: '#fff'}}>
@@ -94,7 +91,6 @@ class Demo extends Component {
       </CardCollapse>
     </ScrollView>
     )
-  }
 }
 
 export default Demo
@@ -118,8 +114,7 @@ const contents = [
   'https://wx3.sinaimg.cn/mw690/4718260ely1gt2cg7t5udj23dw1wkhdu.jpg',
 ];
 
-class Demo extends Component {
-  render() {
+function Demo() {
   const renderItem = (_, index) => {
     return (
       <View key={index} style={{ padding: 20,backgroundColor: '#fff'}}>
@@ -143,7 +138,6 @@ class Demo extends Component {
       </CardCollapse>
     </ScrollView>
     )
-  }
 }
 
 export default Demo