React本机中的通用按钮组件与axios api调用有关的创建问题

文章/答案/技术大牛

发布

2回答

reactjs、react-native、redux、axios、redux-saga

我做了一个常用的按钮组件，我在两个不同的页面中使用它。在点击按钮时，它会根据属性调用不同的API。有时，按钮不调用它应该调用的API，call.It调用从另一个页面调用的前一个API。我检查并得到了解决方案，异步axios请求需要取消订阅，但我不确定在哪里以及如何取消订阅<

浏览 20提问于2020-01-17得票数 0

回答已采纳

1回答

如何在没有类的情况下使用mobx观察者

reactjs、react-native、mobx、mobx-react

我在反应本机项目中使用axios和mobx。挂载上的组件之一(Home)从组织所有API方法的不同文件中调用方法(getBirds())。this.birdList = birds;}@observer @inject("BirdStore") export default class Home extends React.Componentreturn axios</e

浏览 1提问于2017-08-13得票数 0

回答已采纳

1回答

从reactjs apollo调用graphAPI的通用方法

graphql、react-apollo

需要帮助创建一个泛型函数，可以用来从react-apollo调用Graphql API。了解以下使用组件网graphql(gqlquery{...})方法和axios库的方法任何建议如何创建一个可以使用的泛型函数或通用函数。

浏览 0提问于2018-11-01得票数 0

2回答

按下按钮时未更新的React组件

javascript、reactjs、axios

我现在只是在学习反应，我已经建立了一个布局页面，然后使用组件显示图像。在组件内部，每个图像都有一个按钮。此按钮从API中删除图像。但是，尽管API调用工作正常，并且从数据库中删除了图像，但它没有从布局中删除该图像组件。import React</e

浏览 0提问于2019-08-27得票数 0

回答已采纳

3回答

React -要修复，请取消useEffect cleanup函数中的所有订阅和异步任务

javascript、jquery、reactjs、react-native、use-effect

useState([]); useEffect(() => { url: "-------apiaccessToken"), }, []); //return JSX}; 我得到以下错误：Warning: Can't perform a React另外，为了说明Call标记是由axios导

浏览 241提问于2020-12-14得票数 1

回答已采纳

2回答

在react.js中，在表单提交时还是在后续组件的componentDidMount()中调用外部API更好？

reactjs

我是React.js的新手，我一直在努力理解什么是何时调用外部API的最佳实践。我现在有一个收集数据的表单。我想使用这些数据来发出POST请求，接收一些数据并通过一个新组件显示这些数据。我模糊的理解表明，我可以通过两种方式做到这一点：选项2:重定向到新路由(连同表单数据)，然后在新<em

浏览 0提问于2019-03-16得票数 0

回答已采纳

1回答

重定向到从Axios拦截器(组件外部)中的路由器-本机的视图组件

react-native、redirect、axios、react-router-native

我正在处理一个服务类，以创建Axios实例(在Reacti原住民中)，在该实例中，我使用一些拦截器注入JWT令牌，以根据API进行身份验证。当应用程序检测到access token过期时，自动使用refresh token请求一个新的令牌和一个新的刷新令牌。考虑到服务类是无状态的，并且不关心从哪个组件调

浏览 1提问于2019-11-25得票数 2

回答已采纳

2回答

React - API函数无权访问上下文API

reactjs

在创建一个可重用的、可导入的函数来进行API调用时，我遇到了无法访问上下文API来获取身份验证令牌的问题。request...尝试使用函数的组件import FetchDataFunctionfrom '../钩子只能在函数组件<

浏览 1提问于2020-01-08得票数 0

1回答

反应本地Axios* Django - Csrf失败的引用检查失败没有引用*

reactjs、django、react-native、axios、django-csrf

我使用axios从Django前端调用React后端api。对于这个api，也就是登录api，我在逻辑上使用Django Knox包。React.js -我正在调用axios.request(method, url, data)，api调用工作正常。当我进入Developer tools>Network时，我可以在请求头中看到Referer标题设置为React.js网站，而

浏览 3提问于2020-10-03得票数 0

回答已采纳

2回答

响应本机组件将反复加载调用

javascript、reactjs、react-native

我正在努力通过一个反应本地教程，并遇到了一个问题。我创建了一个基于类的组件，通过将数组映射到5个文本组件在屏幕上显示一个小列表。这个找到了。当我用基于函数的组件替换文本组件时，我遇到了问题。我正在为componentWillMount中的数组获取数据，当我切换到基于函数的组件时，我看到componentWillMount被反复调用，屏幕上没有显示

浏览 6提问于2017-12-11得票数 1

回答已采纳

2回答

NodeJS (后端)从POST调用中接收数据，那么如何在ReactJS (前端)中显示？

javascript、node.js、reactjs、express

我是NodeJS/ReactJS的新手。我有一个从外部资源接收JSON POST的NodeJS后端。我可以在控制台中以express-async-router请求显示数据。这是我的NodeJS后端 const AsyncRouter = require("express-async-router").AsyncRouter; const router = AsyncRouter实现我的目标的最佳实践是什么？谢谢

浏览 30提问于2019-06-11得票数 0

2回答

如何在同一组件中多次使用自定义组件

javascript、reactjs、react-native、react-hooks

基本上，我已经为api调用创建了一个自定义组件import axios from 'axios';useEffect(() => { }, []); setShowLoader(true); <em

浏览 3提问于2020-08-10得票数 2

回答已采纳

3回答

使用Redux状态初始化Axios客户端

javascript、reactjs、redux、axios

我正在开发一个React/Electron应用程序，希望使用Redux存储中的数据来初始化Axios客户端。例如，在第一次加载应用程序时，用户输入一些信息，比如他们的用户名。它被推送到Redux存储(并保存在localStorage中以备将来使用)，然后在axios客户机的baseURL中用于后续的网络请求。问题是，我不能让axios使用react-redux和conne

浏览 24提问于2019-10-27得票数 0

1回答

在反应和反应之间共享组件/逻辑-本机

reactjs、react-native

我试图创建一个同时针对web和移动的应用程序。这样做的目的是创建反应组件，这些组件在呈现方式上有所不同，但共享逻辑。‘re包包含React.createElement、.createClass、.Component、.PropTypes、.Children以及其他与元素和组件类相关的助手。我们认为这些都是构建组件所需的同构或通用帮助。” 我已经找到了一个很好<em

浏览 1提问于2015-12-16得票数 5

2回答

网络错误-反应本机iOS模拟器

ios、react-native、https、axios、ios-simulator

我有一个react本机应用程序，它在尝试与后端api通信时抛出一个Network Error。我试过的故障排除：尝试使用本地主机(http)和生产(https)服务器作为后端，相同的错误。

浏览 37提问于2022-01-27得票数 2

1回答

React Native Wrap Native API吗？

react-native

React Native是否将所有本地API调用包装在Javascript中？例如，如果我想要自定义一个UI元素，我可以使用Javascript调用该元素的本机方法吗？有没有可能在没有插件的情况下调用本地摄像头API？

浏览 1提问于2016-09-20得票数 0

2回答

如何从外部响应组件获取Auth0令牌？

reactjs、axios、auth0

我正在使用axios向我的API发出请求。目前，我使用axios拦截器为每个发送的请求设置令牌(因此我不必重复从组件中获取令牌)。有办法这样做吗？我的第一次尝试是这样的：import { useAuth0 } from "@auth0/auth0-react"; import axios from &quo

浏览 4提问于2021-09-01得票数 3

3回答

如何停止执行包含useState的命令？

javascript、arrays、reactjs、axios、use-state

这是我的代码，它向我的后端(mySQL)发送GET请求并获取数据。我使用useState来提取和设置response.data。const baseURL = 'http://localhost:5000/api/user/timesheet/13009';

浏览 67提问于2021-09-24得票数 1

回答已采纳

2回答

将id从客户端的状态传递到快速服务器上的axios.get

reactjs、api、express、routes、axios

我正在尝试将id从我的React应用程序传递给服务器端的axios.get (Express)，所以我得到了以下信息：app.get('/api/siteDashboard', (req, res, next) => { axios.get('https://****/api/site?datatable的数

浏览 1提问于2019-10-09得票数 0

回答已采纳

1回答

如何使用自定义React钩子使用Axios发出POST或DELETE请求

javascript、reactjs、typescript、react-hooks、axios

我正在尝试做一个通用的useAxios钩子在反应。我希望能够将这个钩子导入到其他组件中，以生成Get、Post和Delete请求。问题是，当用户单击Save或Delete按钮时，我会发出Post/Delete请求，但我不能从事件处理程序函数或useEffect调用function钩子。下面是我创建的通用钩子： import { useState, useEffect } from "rea

浏览 1提问于2021-12-20得票数 1

回答已采纳

点击加载更多