I am building an react app and want to save multiple photos to firestore to do that i want to take their url in imageurl: [] an array to save them in firestore. const [data, setData] = useState({ name: "",…
Let's Imainge there are two in put boxes on the screen. When two numbers are provided as input, our react application automatically displays a result calculated using calculateResult function. The value of each of the box is stored in states…
I am trying to figure out if useMemo has a cache table that maps dependencies with results. Here are two code samples: #1: const [a, setA] = useState(0); const aSquare = useMemo(() => { console.log("recalculating aSquare value"); return a **…
i have the following code : function Usestatedemo() { const abc = useState(5); const count = abc[0]; const setcount = abc[1]; const changeit = () => { count = count + 1; // error here in setting value to count…
I wrote a simple implementation on React that include an array of Projects. Eeach projects has is own properties. I wrote a modal that everytime someone click on an image it has to render on the screen. right now the…
So I am fetching the urls from a firestore database and then using those urls for the img tags. However, the issue I am facing is that when the page loads the array is empty but if I make a…
I am creating CRUD Application using React to manage users. I fetch the user data from 'https://jsonplaceholder.typicode.com/users'. I tried to delete data using the fetch DELETE method but it doesn't work. so I made a copy of users and performed…
I'm trying to figure out a way of controlling HTML Audio elements that are in components in React. I'm making a music viewer which has buttons that allow you to pause or play all individual audio elements at once. I've…
I have a React state object (myData) set as below (via React.useState) { myPayloadInfo: myData.myPayloadInfo, isOriginDetails: true, originSuccessMsg: null } myData.myPayloadInfo looks as below { "someVersion": 1, "someFlag": false } Now, I want to update "someFlag" to true in the…
I have components DoneTodos and Todo. First one uses the second one and should return rendered list of Todos which are 'done' ( In todos i have this key-value, it's false by default ). Here they are: Todo.jsx: export default…