- 安装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