Advertisements Apologies if this is a dumb question, but I am just learning React and useState. I have the below code that acts as a signup function. When a username and password are POST to the API, a message returns along with a token. import { useState } from "react"; const API_URL = ”; export… Read More How do I deconstruct this function form props in React?
Advertisements I am trying to use useImperativeHandle but still getting error "Cannot add property current, object is not extensible". In every tutorial is code written in similar way and is working correctly. There is something that I am missing, but i dont know what. Child Element const Toast = forwardRef((ref) => { const [openToast, setOpenToast]… Read More Cannot run function with useImperativeHandle
Advertisements I am new to typescript with react and tried so many thing but doesn’t work. state doesn’t work and getting typescript error Property ‘state and dispatch’ does not exist on type ‘UserContextType | null’ UserContRed.tsx export const UserContRed = () => { //const context = useContext(ContRedContext) const {state , dispatch } = useContext(ContRedContext) const… Read More Typescript issue and reducer state doesn't add use on click. Property 'state and dispatch' does not exist on type 'UserContextType | null'
Advertisements I’m trying to pass my setState function to a child component, but when I pass it down, I get two typescript errors: Cannot find name ‘Dispatch’.ts(2304) and Cannot find name ‘SetStateAction’.ts(2304) Does anyone know how to fix this? // page.tsx import { useState } from ‘react’; export default function Page() { const [jobs, setJobs]… Read More Cannot find name 'Dispatch'.ts(2304) and 'SetStateAction'.ts(2304)
Advertisements I’m using an useEffect to get an object that has another object inside it, for example: estoque: { ‘param1’: ‘a’, ‘param2’: ‘b’, ‘param3’: { ‘logradouro’: ‘a2’ ‘bairro’: ‘b2’ } } The page already loads rendering the infos from estoque.param1 and estoque.param2. If I try to render the info inside Param3 when the page has… Read More Object inside another object returns 'undefined' when using useEffect
Advertisements Hey I have a small problem, I have something like slide show app and I want to change the component to another one when we finish all slides on the first one. import { useState } from ‘react’; const text = [ "Text1", "Text2", "Text3", "Text4", "Text5" ] export function Intro() { let [index,… Read More React, change component when State on other component is equal
Advertisements The account number is part of userData and I’m displaing userData in another component. It is genrating the account number perfectly but not the first time because it is set to null. I tried to use useEffect but then it is just generating the same number for every create function CreateAccount() { // Define… Read More React isn't generating account number state first time because it is null
Advertisements import { StepData } from "@/components/steptree/StepData"; import { Input } from "@material-tailwind/react"; import { RegisterValidateHandler } from "./DataHandler"; import React, { useCallback } from "react"; export function StartDataHandler({stepData, validator} : {stepData: StepData, validator : RegisterValidateHandler}) { const [error, setError] = React.useState(""); let testInputRef = React.createRef<HTMLInputElement>(); validator(() => { //this arrow function gets called whenever… Read More React ref is undefined after state change
Advertisements I try to pass the array of objects to table component to display it. The error I get is pretty logical, however I can’t find a way to fix this issue. I marked a line with the problem I keep getting: Type ‘Expense[] | null | undefined’ is not assignable to type ‘Expense[] |… Read More Struggling with passing the state object array which is initially is empty
Advertisements On initial render the page doesnt render the filtered array of objects but if i were to save my code, causing another render the filtered array of objects render. Im not quite sure why this is happening. Ive tried doing the filtering and setting it to a const variable and then performing setFilteredBookings on… Read More React not rendering on initial render of filter of an array of objects