Comments (6)
Yes. It's perfect solution. Thanks for help. I changed my code and it works fine
from axios-hooks.
Wouldn't relying on the loading
flag allow you to carry out this logic?
from axios-hooks.
It depends on when loading flag is set to false. Currently I'm using useState and my own state flag to check is component rendering after successful request. I do it in if clause. I'm checking response.status and if it's as 200 code then I'm setting this flag to true. Initially this flag is also true, and it's set to false only if the app manually execute HTTP request (axios manual method) - I do it after user click the button to send provided data to API.
from axios-hooks.
Can you provide an example? Explaining code in words is not easy to follow.
from axios-hooks.
This is my actual sample code
.......
const [requstFinished, setReqestFinished] = useState(false);
const tickerInput = props.channel.ticker_text
const [ticker, setTicker] = useState();
useEffect(() => {
setTicker(props.channel.ticker_text);
}, [props.channel.ticker_text])
const [ { response: putResponse, loading: putLoading, error: putError }, executePut ] = useAxios(
{
url: ROOT_BACKEND_URL + "channels/" + props.channel.id,
method: "PUT",
headers: HTTP_HEADERS
},
{ manual: true }
);
const handleRequestSave = () => {
executePut({ data: JSON.stringify({ tickerText: ticker }) });
setReqestFinished(false)
};
if (putLoading)
///here I have a spinner
if (putError) {
if (putError.response) toast(putError.response.status, { type: "error" });
else toast("Error", { type: "error" });
}
if (putResponse && !requstFinished) {
if (putResponse.status==200) {
toast("Success", { type: "success" });
setReqestFinished(true)
}
}
return(
...........
from axios-hooks.
executePut will return a promise that will tell you when the request has completed. will that help?
from axios-hooks.
Related Issues (20)
- Release pending!
- Refetch "expression is not callable" HOT 2
- Why I'm getting 2 rendered using this hook, when component mounts? HOT 9
- Release pending!
- Prevent CanceledError and redundant HTTP calls for identical request data HOT 1
- Support for API polling HOT 1
- type error HOT 9
- Uncaught TypeError: object is not iterable (cannot read property Symbol(Symbol.iterator)) HOT 1
- How to configure SSR with NextJS? HOT 3
- "Uncaught runtime errors: Cannot read properties of undefined (reading 'data')" after upgrading to CRA 5.0.1 & Node 18 HOT 6
- Not usable within the US? HOT 1
- Error from a dynamically loaded uri HOT 3
- Release pending!
- Release pending!
- useAxios hook sending in 2 requests, the first is cancelled immediately HOT 3
- Release pending! HOT 3
- Release pending!
- Release pending!
- Type error: MouseEvent using refetch and provided example from docs HOT 2
- Still an issue with both `executeGet` and `execute` methods when executed manually HOT 4
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from axios-hooks.