I have this app that adds “persons” to a “phonebook”, and the user can update the person’s phone if the person already exists. but I want to know to handle the problem of when the person was already deleted (i open two tabs and delete a phone in one tab, and I try to “updat…
Tag: react-hooks
React Query with hooks is throwing error, “Uncaught Error: Too many re-renders. React limits the number of renders to prevent an infinite loop.”
I am working on a React JS project that is using React query, https://react-query.tanstack.com/, React hooks and functional components. But it is throwing error when I use react query for API call. This is my component and how I use query within it. This is my getList API call logic When I run my code, I get …
React – useState property not updating
I’m having trouble with react useState hook. I’m trying to clean the state on a dialog close. But theres’s always one property that does not gets updated. Buttons: —- Edit —- That button opens a dialog box which has a textfield: This is how the dialog box open and closes: This is…
How to pass data from mapped objects to its parent component in React?
I’m building a shopping cart app, the app includes each item as a card component. I rendered these cards by mapping some dummy object data like this: and the Card component being rendered: Now on click of the button in each card, I’d like to send the data (the id of the card and the price of the i…
Not able to open react-bootstrap modal from child component using react hooks to setState
I’m trying to trigger my react-bootstrap modal which is in the parent component from a button inside the child component. To achieve this, I am passing the handleShow function into the child component as props but this doesn’t seem to be working. The modal doesn’t open up on clicking the but…
React component state not updating with passed props
I have created an Accordion component which has data(object) and expanded(boolean) as props. expanded props is used to set the expanded/collapsed state of this component passed as a prop. Accordion component also has an internal state which is used for expanding/collapsing the accordion. Below is my complete …
React Hooks: handle multiple inputs
on react docs forms section there is the following example using class components: Considering Hooks can only be called either in a React function component or a custom React Hook function is there a way of doing it using hooks instead? Answer example you can pass in initial values like this: EDIT: A nice sho…
React: How do you lazyload image from API response?
My website is too heavy because it downloads 200-400 images after fetching data from the server (Google’s Firebase Firestore). I came up with two solutions and I hope somebody answers one of them: I want to set each img to have a loading state and enable visitors to see the placeholder image until it is…
How to use React with function component and hooks ONLY?
Having a React project with some component written in Class style and some others written in Hooks styles make the newcomers confuse and harder to reuse common logic. Is there a way, for example: An alternative library like Preact, Inferno,… which compatible with React but only support hooks Or an ESLin…
Context API problem – object is undefined
I’ve been always using Redux, but I finally decided to try to play with Context API, but apparently I’m missing something. I get an error “TypeError: Object(…)(…) is undefined” in App.js, weather and details appear to be undefined. Could you please check out my code in orde…