无法获取API URL以重新路由到正确的地址: React Hooks
问题：无法获取API URL以重新路由到正确的地址：React Hooks
回答： React Hooks是React的一个特性，它允许我们在无需编写类组件的情况下使用状态（state）和其他React特性。在React Hooks中，我们可以使用useEffect钩子来执行副作用操作，例如数据获取、订阅事件等。
对于问题中的"无法获取API URL以重新路由到正确的地址"，主要涉及到API URL的获取和路由问题。以下是一个可能的解决方案：
- 获取API URL：
- 如果API URL是在后端服务器上动态生成的，你可以通过后端接口来获取API URL。可以使用axios、fetch等库发送HTTP请求到后端接口，然后从响应中获取API URL。
- 如果API URL是固定的，你可以将API URL直接硬编码在前端代码中，或者将其存储在配置文件中。
- 路由到正确的地址：
- 你可以使用React Router来处理路由。React Router是一个流行的React库，用于处理单页应用的路由。你可以定义路由规则，并在用户导航时跳转到正确的地址。
- 在React组件中，你可以使用 useHistory 钩子来进行路由跳转，通过调用 history.push() 方法并传入正确的路径来导航到目标页面。
关于React Hooks的更多信息，你可以参考以下腾讯云产品和文档链接：
- React Hooks官方文档：https://zh-hans.reactjs.org/docs/hooks-intro.html
- 腾讯云Serverless Cloud Function（SCF）：https://cloud.tencent.com/product/scf
- 腾讯云云开发（Tencent Cloud Base）：https://cloud.tencent.com/product/tcb
请注意，以上答案仅供参考。实际解决方案可能因具体情况而异，你可以根据实际需求进行调整和实现。
相关·内容
我正在尝试建立一个项目来重新制作jobs.github.com页面。我已经完成了主页和个人工作页面，但我不能做的是，当我输入搜索参数时，让应用程序重定向到正确的路径。这是我的useHomeFetch页面： import React, { useEffect, useState } from 'react';
export const useHomeFetch =let result = await (await fetch(<em
浏览 11提问于2020-10-10得票数 2
回答已采纳
2回答
如果我单击某个按钮，我需要重新获取数据，但是当我在里面调用钩子时，单击处理程序就会得到以下错误。Menus = ({ menus, title }) => { const { data: cartItems } = useFetch(API_URL+ 'cart');}
src\components\Menus.js第26:13行: React "useFetch“在函数"h
浏览 3提问于2021-10-13得票数 1
回答已采纳
我正在开发一个连接到RESTFUL文件api的文件管理器应用程序。在角应用程序中，每个文件和目录都是使用文件对象属性作为资源id的角relativePathName的实例。，relativePathName参数会得到url编码，例如，/变成%2F，这会导致服务器在访问实际API之前拦截请求(我假设服务器将其视为物理地址，并返回404响应)。该API能够将整个url段作为单个param处理，因此它基本上将path/t
浏览 3提问于2013-10-19得票数 2
回答已采纳
我的组件通过调用一个钩子文件来获取数据，该钩子文件包含通过API请求的逻辑。默认情况下，它将在没有任何额外参数的情况下调用API。在GUI中，我还显示了一个输入，用户可以在其中输入文本。每次他写一封信，我都想重新获取数据。但是我真的不确定如何使用react和钩子来做到这一点。 我声明了"useEffect“。我看到输入的内容发生了变化。但是还有什么呢？我不能从那里调用钩子函数，因为我得到了这个错误： “<e
浏览 37提问于2020-01-30得票数 0
1回答
我将从我点击的帖子的id中获取一个api，并在react-hooks中创建一个模式，我希望url的最后一部分包含id。让url = https://www.thecocktaildb.com/api/json/v1/1/lookup.php?i=${id} <-这部分！！ 我知道如何使用Params带来一个id。当我点击主页上的</e
浏览 8提问于2021-01-04得票数 0
回答已采纳
我正在尝试加载一个基于react-router-dom路由的详细视图，该路由将获取URL参数(id)，并使用该参数进一步填充组件。我的路由看起来像/task/:id，并且组件加载正常，直到我尝试像这样从URL中获取:id：import { useParams } from "<
浏览 3提问于2019-10-25得票数 59
我使用以下功能限制对某些路由的访问 const { user, setUser } = useContext，当我在地址栏中手动输入URL并点击enter时，它将登录用户重定向到登录页面export const UserContext = createContext(null);
在实际项目中，我从API获取登录状态。
浏览 6提问于2022-01-14得票数 1
回答已采纳
我需要帮助，以停止再次发出相同的API调用时，路线改变。我试图在web和堆栈溢出上找到可用的解决方案，但我无法弄清楚修复这个问题需要哪些更改。:3001时，它重定向到http://localhost:3001/articles页面，它正确地呈现ArticleHome组件并获取文章列表。但是当我回到使用路由器http://localhost:3001/articles的
浏览 0提问于2019-08-06得票数 5
1回答
我使用了react-router-dom，它现在看起来是这样的： <Switch> component={Dashboards}</Switch> 当用户导航到此组件中的&quo
浏览 27提问于2020-10-12得票数 0
回答已采纳
我使用axios来用useEffect获取天气api数据。} // eslint-disable-next-line react-hooks/exhaustive-deps return (<div> </div>};
这是console.log(数据)的结果：
浏览 3提问于2020-03-13得票数 1
我想在导航(路由)的参数更新时使用useSWR进行API调用，并将其值存储在使用contextAPI的自定义钩子中。return query;在useFetch钩子上，我有： const API_URL= process.env.REACT_APP_API_URL;
con
浏览 10提问于2021-09-25得票数 0
1回答
错误403.14
、、、
我正在做一个简单的例子。
方法Get()如下所示。public string Get() return "Hello World";我运行应用程序并完成URL。http://localhost:56464/Home/Get
错误HTTP 404.
浏览 4提问于2017-08-07得票数 1
我正在尝试使用react路由器和node js服务器来管理react应用程序。我在react中的路由器： <Switch>
<PrivateRoute token={token} Component<Redirect to={{pathname: '/login', state: {from: props.location}}}
浏览 0提问于2018-09-14得票数 6
我的react应用程序在使用应用程序导航菜单或直接在浏览器地址栏中键入url时，对于/、/foo和/bar等第一级路由都能正常工作。然而，更深层的url，如/foo/bar，只有在使用应用程序的导航菜单时才有效，而当url直接输入到浏览器的地址栏中时就不起作用了。我使用的是react-router
浏览 15提问于2017-03-17得票数 6
回答已采纳
我将获取弹格作为锚标记'href‘，并将其作为URl参数传递以进行API调用。页面是正确的路由和得到的变化，因为每段塞。然而，我没有得到作为道具参数的子弹。这里的 ProductListPage成功地获得了呈现
函数App() { export (<路由path="/“exect element={} /> <路由path=
浏览 5提问于2022-01-18得票数 0
回答已采纳
3回答
我有一个react应用程序，其中包含一些使用react-router-dom的路由。我正确地描述了我的路由，然后我写道，当url是/**/重定向到404页面时，这是我的路由： <Switch>
浏览 15提问于2021-02-15得票数 0
1回答
我创建了一个带有redux的商店，以实验react中的应用程序状态管理。到目前为止，当我点击登录页面上的“登录”按钮时，我只是试图做出一种假的身份验证行为，这是因为我的isLogged状态变为true。但是当我试图访问一个我通过检查isLogged是否为真而保护的路径时，我得到了假.为什么在使用进行路由时，isLogged的状态没有保存？__REDUX_DEVTOOLS_EXTENSION__()
React
浏览 5提问于2020-05-28得票数 1
回答已采纳
1回答
我正在开发一个具有react路由器的react应用程序，服务器同时承载了react应用程序本身和REST。路由器是ConnectedRouter的反应路由器-路由器-redux.据我所知，一旦您在浏览器中打开了应用程序，对URL的任何更改都不会从服务器处请求，而是在reload路由器中处理客户端，即使您重新加载页面或将某些内容手动写入地址栏为了解
浏览 1提问于2017-11-23得票数 2
回答已采纳
Either include them or remove the dependency array.eslintreact-hooks/exhaustive-deps用户点击登录按钮，他被重定向到</e
浏览 6提问于2021-08-25得票数 1
回答已采纳
以react样板的标准版本为例：git clone --depth=1 https://github.com/react-boilerplate/react-boilerplate.git此更改会导致url 加载其块，但路由不能正常工作。加载容器，但的地址栏更改为，而不是我觉得应该在某个地
浏览 6提问于2018-04-09得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
