react Native 安装使用react-query

  1. 安装react query + axios 

        npm install react-query axios

    2.app入口文件配置

import { QueryClient, QueryClientProvider } from 'react-query';

const queryClient = new QueryClient();

function App(): React.JSX.Element {

return  <NavigationContainer>

//组件

</NavigationContainer>

}

      3.组件

 import {

    Text,

  } from 'react-native';

import { useQuery } from 'react-query';

import axios from 'axios';

const useGetUser = (userId: string) => {

  return useQuery(['user', userId], () => axios.get(`api`));

};

// MyComponent

const MyComponent = () => {

  const { data, isLoading, error } = useGetUser('userid');

  if (isLoading) {

    return <Text>Loading...</Text>;

  }

  if (error) {

    return <Text>Error: {error.message}</Text>;

  }

  return <Text>User: {JSON.stringify(data)}</Text>;

};

export default MyComponent

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值