I have react js and implement tanstack table(react-table). I need help to make button/link show or hide depended on the status in each row. Let say if there is row contain status 'Approve' the button will show, then if not…
I'm a beginner with react and when I'm using useState to change name of the button, it does not work as intended. Specifically: when I'm pushing the button it's name "Unclicked" must change to "Clicked" and when I push it…
-Users.js const Users = () => { const { page_type } = useParams(); console.log(page_type); return ( <div className="Users"> <h2>로그인/회원가입</h2> {page_type === "login" && <Login />} {page_type === "join" && <Join />} {page_type === "resetPw" && <ResetPw />} </div> ); };…
So I am currently in my final stages of finishing a webapp in React. In this stage I am looking for performance issues and I am trying to optimize the performance. So I have 3 components: RulePage, RuleList (Contains a…
I need to make my modal persist after website refresh. As soon as a user logs out it refreshes page and modal saying "sign-out successful" disappears. I want the modal to show up after sign-out and persist until the user…
I'm learning ReactJS and my first project is online alarm. So I decided to check out my clock if it has some bugs and... It has. I checked some console logs of rendering function and memory using with F12 in…
So I have a react functional component. In this component, there is a section that checks for the loading state. If it is loading, then I return this other component that is a template placeholder. When it is not loading,…
Lets say we have two nested components. Both of them has useEffects. Now if we run the app. the child useEffect is executed first and after that its parent components useEffect is executed. As far as I know this architecture…
This is ok: const [foo, setFoo] = useState<string>() This is not: const [boo, setBoo] = useState<string>(undefined) Argument of type 'undefined' is not assignable to parameter of type 'string | (() => string)' I think they have the same meaning, though…
I am new to react and react hooks. I am creating a custom react hook. Why is useState not working as expected. import { useEffect, useState } from 'react' export const useMyHook = () => { const [myVal, setVal] =…