I'm encountering an issue with the state of my context when updating a state that is an array. Specifically, I have an object that stores days selected by the user, which can be removed one by one. When removing a…
I've been working with React, and I'm trying to understand the difference between creating a reference using useRef and creating a reference without it. I've implemented two versions of a simple counter app with a button. In the first version,…
I am displaying data fetched from API in table, which has inputs as fields to edit the data. It has multiple data records fetched via API , post changes of the record I want to update the changes done by…
I run into this more and more frequently in various forms: (simplified example) const searchParameters = useState(); const sorting = useState(); // update searchParameters if the user enters someting // update sorting if the user clicks on a column in…
I have an input with a label. The label has some translations as well as some variations that happen depending on which page the user is so I put translation keys inside useState to watch changes and react to them…
I am using vite, TS to created a react component library. My main.tsx in component-library contains the following test component, import React, { useState } from "react"; export const TestComponent = () => { console.log("CONTENT-TEST"); const [yamlTemplate, setYamlTemplate] = useState<string>("test…
I am trying to map loop in React. Below is the json but it's showing map is not a function. How can I get data from api through map function like below the json? { "message": "Successfully loaded data.", "courseData":…
I have an question about when will the useLayoutEffect callback be triggered and when will the screen be drawn. Consider the following code: export default function CompA() { const [count, setCount] = useState(0); useLayoutEffect(() => { // I'll debug here…
Basically I want show less description and when I press "Read More" I wanna show the full description The code: import { useState } from "react"; const JobsListing = ({ job }) => { const [showFullDescription, setShowFullDescription] = useState(false); let…
I'm an experienced programmer (10+ years) but new to React (< 2 years). I picked up React in a very "operational" way (i.e. being happy when things work without very deep understanding of its inner workings). Now I'm trying to…