docs: 修改首页 react-native-template文档

Author: ChenlingasMx

website/src/component/Header/index.tsx

@@ -36,7 +36,7 @@ export default function Header(props: HeaderProps) {
           <NavLink to="/home">首页</NavLink>
           <NavLink to="/docs">文档</NavLink>
           <NavLink to="/components">RN组件</NavLink>
-          <a target="__blank" href="https://pushy.reactnative.cn/">
+          <a target="__blank" href="https://microsoft.github.io/code-push/">
             热更新
           </a>
           <a target="__blank" href="https://github.com/uiwjs/react-native-uiw/issues">

website/src/pages/docs/react-native-template/menu-route/README.md

@@ -73,35 +73,22 @@ iOS上后退按钮使用的标题字符串。默认为前一个场景的headerTi
 ## 路由跳转
 
 ```js
-import {View} from 'react-native';
-import { List, Icon} from '@uiw/react-native';
-
-        <List
-            flat={true}
-            data={[
-              {title: '企业开票'},
-              {title: '我的熟车'},
-              {title: '设置', onPress: () => navigation.navigate('MyHomeSetting')},
-              {title: '退出登录', onPress: () => navigation.replace('SignIn')},
-            ]}
-            renderItem={({item, index}) => {
-              return (
-                <List.Item
-                  key={index}
-                  extra={<Icon name="right" fill="#abb0b5" size={14} />}
-                  size="large"
-                  paddingLeft={15}
-                  style={{borderBottomWidth: 0}}
-                  onPress={item.onPress || null}>
-                  <View>
-                    <Text>{item.title}</Text>
-                  </View>
-                </List.Item>
-              );
-            }}
-          />
-```
+import React from 'react';
+import { Button } from '@uiw/react-native';
 
+const Demo = ({ navigation }) => {
 
+  return (
+     <Button
+       textStyle={{ fontSize: 16, fontWeight: '200' }}
+       bordered={false}
+       color="#BFBFBF"
+       onPress={() => navigation.replace('SignIn')}>
+        跳转
+     </Button>
+  );
+}
+
+```
 
 

website/src/pages/docs/react-native-template/mock-data/README.md

@@ -19,7 +19,7 @@ package.json
 
 > 在/mocker/user.mock.js目录下进行mock数据编写，比如：
 
-```ts
+```js
 module.exports = {
   'POST /api/login': (req, res) => {
     let {username, password} = req.body;
@@ -41,55 +41,55 @@ module.exports = {
 
 ### 二、界面渲染
 
-```
-import React, {  useState } from 'react';
+```js
+import React, { useState } from 'react';
 import { connect } from 'react-redux';
-import AsyncStorage from '@react-native-async-storage/async-storage';
 import { Button } from '@uiw/react-native';
-import Global from '../../global';
-import { useLogin } from '../../hooks/users'
+import { login } from '../../hooks/users'
+
+const Demo = ({ update }) => {
+  const [store, setStore] = useState({
+    formData: {
+      username: 'admin',
+      password: 'admin!',
+    },
+  })
 
-const Dome = ({ update }) => {
-  
-  const { mutate, isLoading } = useLogin({
+  const { mutate, isLoading } = login({
     update,
     formData,
   })
 
-  const loginIn = () => mutate?.({ ...formData })
-
   return (
      <Button
        textStyle={{ fontSize: 16, fontWeight: '200' }}
        bordered={false}
        color="#BFBFBF"
        loading={isLoading}
        disabled={isLoading}
-       onPress={loginIn}>
+       onPress={() => mutate?.({ ...formData })}>
        Sign In
      </Button>
   );
 }
 
 export default connect(
-  ({ }) => ({}),
+  ({}) => ({}),
   ({ global }) => ({
     update: global.update
   }),
-)(Dome);
+)(Demo);
 
 ```
 ### 三、使用react-query调用api
 [react-query](https://tanstack.com/query/latest) 更详细的使用，请参照官方文档
 
-```
-import { Alert } from 'react-native';
-import AsyncStorage from '@react-native-async-storage/async-storage';
+```js
 import { userLogin } from '../services/users';
 import { useQuery, useMutation } from 'react-query'
 
 // 登录
-export const useLogin = ({ config = {}, update, formData, remember }) => {
+export const login = ({ config = {}, update, formData }) => {
   const mutation = useMutation({
     mutationFn: userLogin,
     onSuccess: async (data) => {
@@ -107,14 +107,12 @@ export const useLogin = ({ config = {}, update, formData, remember }) => {
 
 > 配合系统封装的request进行mock数据请求。如需区分是mock数据，还是真实后端数据，调用真实数据时,注释mocker数据配置即可
 
-```ts
-  import { request } from "@uiw-admin/utils"
+```js
+  import { fetch } from '../utils';
 
   export async function userLogin(params) {
-  return fetch('/api/login', {
-    body: params,
-  });
-}
+    return fetch('/api/login', { body: params });
+  }
 ```
 
 注：mock功能只推荐在开发模式下开启。

website/src/pages/docs/react-native-template/new-page/README.md

@@ -36,7 +36,7 @@
 ```
 
 为了更好的演示，我们初始化NewPage/index.js的内容如下：
-```jsx
+```js
 import React, {Component} from 'react';
 import {View, Text, SafeAreaView} from 'react-native';
 
@@ -55,7 +55,7 @@ export default class MyNewPage extends Component {
 将文件加入菜单和路由
 
 在 src / routes 下homeTab.js中使用 component 配置我们页面到路由中
-```jsx
+```js
 import MyNewPage from '../pages/NewPage';
 
 export const stackPageData = [