I have component that have state as object const [data, setData] = useState({ input, output: '', enableCopyToClipboard: true, } When listen to Observable I do following: // reset state before loading stream setData({ ...data, output: '', enableCopyToClipboard: false, }); loadingStream(request).subscribe((response)…
I have an async function which I used in sorting visualizer. I want to add a feature of pause and unpause. I tried to use a while(isTrue){} (isTrue is a usestate variable) but this method is making the page unresponsive.…
I want to render a message inside a div of my React app simulating a chat. I fetch messages from the REST backend and then I made a function passing that message and I useEffect from React to achieve this…
I have this question about react rerendering and mount/unmount. If we define a component inside of another parent functional component and the state of the parent component changes, it is clear that the parent component will re-render. Question: But, does…
How would I go about updating an array inside of an object using useState. My hook looks something like this: const [currentUser, setcurrentUser] = useState({firstname:"adam" , classes:["discrete", "calc 2", "physics"]}); I've been trying to set currentUser.classes equal to a new…
I am trying here to pass the data received from EDIdata.json to child component . But at first place, the data is not being fetched from the API as getData() is not invoked on page load. I want to pass…
My API gives me data in the following format: { status: 200, certificateTypes: [ { id: 1, name: 'Gasmeting', created_at: '2023-04-25T07:15:55.000000Z', updated_at: '2023-04-25T07:15:55.000000Z', }, { id: 2, name: 'Mangatwacht', created_at: '2023-04-25T07:16:13.000000Z', updated_at: '2023-04-25T07:16:13.000000Z', }, ], // ... } I used…
I have one simple question. In my ToDo list app, creating by React, i have many requests to the server (at list 4 requests with a different methods - GET, POST, PATCH, DELETE), where i should write they ? If…
I am having a progress bar which on click starts its progress from 60 to all the way upto 100. I am able to achieve this using settinterval and setting the corresponding state. import React, { useState, useRef } from…
I am using React.js (react hooks) and I have the following scenario: I have a component parent (parent.jsx) that contains a submit button, the parent component has 4 children components (child1.jsx , child2.jsx, child3.jsx and child4.jsx). Each child of these…