I am currently learning reactjs so I decided to build a react to-do list, am trying to toggle the display of a component but keep running into errors. Please what is the best way to toggle the display of the…
I have some code in a MERN stack app where users can enter another user's name into a search bar, and the webpage will return other properties of the user whose name they searched up. For example, if I search…
I was trying to convert my class-based component to function based component, which I wrote some while when I was learning REACT, while converting this, I got an error that isOpen is not the function which I kinda dint get…
I have a faceted search component that I am building. I am having trouble figuring out how and where to handle state. Solution #1 A parent component manages state - uses a reducer to manage all components and pass state…
Hello Stackoverflow community I am building a simple SPA using react. My navigation for the app would be a unauthenticated public page(like home/about/pricing etc) and a sign in button that the user will click on to be redirected into the…
I am rendering a product list from dummyjson getting response from api but showing products.map() is not a function const fetchData = async () => { const response = await fetch("https://dummyjson.com/products"); const data = await response.json(); return setProducts(data); } useEffect(()…
I am currently developing a site and I have made the logic for the login process so that the system automatically transfers the user to the home page as soon as the login process is completed, but when I try…
I have the following code and it is causing my Dashboard component to render a few times. How can I reduce it to only once? Dashboard const Dashboard: React.FC = () => { const { account } = useActiveWeb3React(); const…
I'm sorry for my English. I'm using a translator. I have the following problem. I'm trying to use a function from another component, but it gives me the following error. I will leave the code extract:enter image description here I…
From the website and some articles, i have learned that any changes made to the app will first be reflected in the Virtual DOM. and then to the Real DOM after diffing both trees. the lifecycle hook useEffect will fire…