feat: 测试一下useFetchData这个hooks编写是否成功

Author: dupeiyi

src/hooks/useFetchData/index.tsx

@@ -40,7 +40,8 @@ function useFetchData<T = any>(url: string, options?: IRequestOptions): IFetchRe
  request(url, options || {}, abortControllerRef.current)
  .then((res) => {
  const { code, message, data } = res as IResponseData;
- if (code !== 0) {
+ // 这里后期做处理，判断返回的code，不同code做不同的提示就行
+ if (code !== 10000) {
  console.log('Error Msg: ', message);
  throw new Error(message);
  }
@@ -53,7 +54,7 @@ function useFetchData<T = any>(url: string, options?: IRequestOptions): IFetchRe
  setLoading(false);
  });
  return () => destory();
- }, [url, options]);
+ }, [url, JSON.stringify(options)]);
 
  return { loading, data: result, error };
 }

src/screens/Auth/Sign/index.tsx

@@ -6,7 +6,7 @@
  * @FilePath: \SunOfBeacheRN\src\screens\Auth\Sign\index.tsx
  * @Description:登录页面
  */
-import React, { useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import {
  Text,
  Input,
@@ -20,6 +20,7 @@ import {
 } from 'native-base';
 import MaterialIcons from 'react-native-vector-icons/MaterialIcons';
 import AntDesign from 'react-native-vector-icons/AntDesign';
+import useFetchData from '@src/hooks/useFetchData';
 const Sign = (props: any) => {
  const { setSwitchFormStatus, setSwitchFormTitle } = props;
  const handleClickRegister = () => {
@@ -32,6 +33,7 @@ const Sign = (props: any) => {
  };
  const [show, setShow] = useState(false);
  const handleClick = () => setShow(!show);
+
  return (
  <>
  <VStack space={3} px="8" alignItems="center" w="100%">

src/screens/Auth/SignHeader/index.tsx

@@ -9,18 +9,19 @@
 import React from 'react';
 import { Center, Image } from 'native-base';
 
-const SignHeader = () => {
+const SignHeader = (props: any) => {
+ const { data } = props;
  return (
  <Center mb="6">
  <Image
  size={100}
  alt="fallback text"
  borderRadius={100}
  source={{
- uri: 'https://www.w3schools.com/css/img_lights.jpg',
+ uri: data,
  }}
  fallbackSource={{
- uri: 'https://www.w3schools.com/css/img_lights.jpg',
+ uri: data,
  }}
  />
  </Center>

src/screens/Auth/index.tsx

@@ -13,6 +13,7 @@ import SignHeader from './SignHeader';
 import Sign from './Sign';
 import ForgetPassword from './ForgetPassword';
 import Register from './Register';
+import useFetchData from '@src/hooks/useFetchData';
 
 const Auth = () => {
  // 切换不同的表单
@@ -40,10 +41,15 @@ const Auth = () => {
  );
  }
  };
+ // TODO:明天完成fetch的后期编写和登录逻辑的编写
+ // 获取头像
+ const { data, loading } = useFetchData('https://api.sunofbeaches.com/uc/user/avatar/13132053657');
+ console.log('data', data);
+ console.log('loading', loading);
  return (
  <>
  <Box style={styles.container}>
- <SignHeader />
+ <SignHeader data={data} />
  <Heading>{switchFormTitle}</Heading>
  {handleSwitchFormStatus()}
  </Box>