I'm trying to make active buttons on the navbar so when an section is active it's highlighted. For the colors I'm using custom colors and to change the state I'm using useState. The problem is the buttons are working fine…
Im still learning react. What Im trying to do is make a card when clicked show a random image from "const images" When I call handle click from "const DefaultCardContents1" Backside/ Image I get the error handleClick is not defined.…
I am using Next.js 13 beta (app directory) and trying to dynamically change the navbar, which is in my root layout, based on the url path (navbar element will include the text "posts" at .../posts and "profile" at .../profile). export…
I'm following a doc from react-query that includes a section about using the Hydrate component in Next.js 13 app directory with server-side rendering. In this section, the guide imports the cache object from React like this: import { cache }…
As I mentioned in the title, I have a parameter that comes from the url and I have an array. If the name of the objects in this array and the parameter match, I want to show them first, then…
Im trying to make a recipe website in react you have the code below i solved one error by adding the ? where the mapping is but nothing shows on the browser and if i remove the ? i get…
I'm trying to implement private and public routing in my project. But it isn't working. I'm following the latest approach.I tried alot but can't figure out the solution. Signin is comes in public Routes. And PageLayout and its childrens comes…
I try to create and use an animated hamburger menu icon instead of already made icons for my Navbar component `const menu = document.querySelector('.menu_button'); const showMenu = document.querySelector('.mobile-nav'); let menuOpen = false; console.log(menu); menu.addEventListener('click', () => { if(!menuOpen){ menu.classList.add('close'); showMenu.classList.add('open');…
I has this warning since I install zego-ui-toolkit. I trying reinstall and also delete node_modules but not working. This is not an error that cause my system fail but it really annoying.
I'm a beginner of learning react and Node.js. When I run touch 'index.js' command in server, It shows 'touch : File C:UserssanduAppDataRoamingnpmtouch.ps1 cannot be loaded because running scripts is disabled on this system. For more information, see about_Execution_Policies at https:/go.microsoft.com/fwlink/?LinkID=135170.…