Reactjs 传递API密钥

我是一名新开发人员，在将API密钥传递到另一个页面时遇到问题

我正在用React制作一个应用程序，你可以在一个屏幕上登录，经过身份验证后，你会被发送到另一个页面，在那里你可以上传文件

在第一页上进行身份验证和路由工作，但是，在第二页上，您需要联系API以上载文件，但是，在第一页上获得的API密钥不会传递到第二页

---

有人知道如何将API密钥传输到第二个页面，以便用户仍然具有与API交互的身份验证吗？

您可以通过将身份验证密钥作为道具传递到第二个页面（您正在调用的组件）这样做

<SomeComponent authKey={key}/>

---

并使用props（props.authKey）访问第二页（组件）上的密钥

我希望您提到的这个“密钥”不是私有API密钥，而是类似JWT的东西。也就是说，您可以使用React的上下文API，甚至本地存储来存储密钥，并在页面之间共享密钥。通常，您会使用cookie，因此浏览器会将其添加到后端的每个请求中。尝试使用上下文API，