I want to make table accordion .when I clicked on table row the next table data should display by default first one should be open and when I click another header there content should open without closing previous one. I…
I have a gallery, that opens individual images in a carousel. Unfortunately, I can't make it respond to URL path changes. const { signatura } = useParams(); const selectedPhotoIndex = useSelector(selectSelectedPhotoIndex); console.log(selectedPhotoIndex); const photos = useSelector(selectPhotos); useEffect(() => { const…
I have a database [ { "ID": 3, "fourth_ip": "5", "location": "jp", "third_ip": "20" }, { "ID": 4, "fourth_ip": "123", "location": "jp", "third_ip": "21" }, { "ID": 5, "fourth_ip": "123", "location": "hk", "third_ip": "20" }, { "ID": 6, "fourth_ip": "200",…
Currently i have started learning in React to call API but when component is rendered on browser side from below code toast message is shown two times instead of single time. Can someone please help me to fix this issue?…
I have 2 reactjs files: Reports.js (used to request report and display the result) AuthContext.js (has a socket connection to maintain communication with the backend server) user first goes to the report page generated by Reports.js and then there is…
I am encountering an issue in a custom React hook that uses Redux. The problem is related to the inconsistency of a variable's value inside and outside a function within the same hook. Here's the simplified code: import { useAppSelector…
In the below code example, if you click the "Deposit money" button and then click "Lock account" quickly before the API call returns, the money still gets deposited even though the account is locked. export default function App() { const…
I'm testing a custom react hook. At any given point in time, the Funnel component displays only one child (a Funnel.Step component). It first displays the first Funnel.Step component (<div>Step 1 UI</div>). I used act to change the Funnel.Step component.…
I have a React component representing a form with inputs (Text, Number, Date). The date input has a default value - today. I use this component for two functions: creating an object and editing an object. In the first case,…
i tried the code i attached, and for some reason when i log it the state remains at 5. i got it working by adding a counter ref but im sure its supposed to work even without it. pleasse help.…