All Questions
194
questions
0
votes
0
answers
46
views
I can't set a height of 100% on the outlet components in my layout
I am developing an application with React, React-router, Material UI and Redux-Toolkit. I'm having trouble styling the height of the components that renders. I clarify that I am a beginner with CSS ...
2
votes
1
answer
64
views
React: Events and Router not working in a specific code segment
There's a specific segment of JSX code in my React project where both events and router don't work.
PhotoFrame.tsx:
const PhotoFrame = ({ photoId }: PhotoFrameProps) => {
const photo = ...
1
vote
1
answer
99
views
My Navlink active class having an issue in React-router-v6
I have created a navbar using React-Router v6. When we click on any li element the ".active" class will be applied. Now I styled the "active" class (like adding bg-color and colors)...
1
vote
2
answers
57
views
Why isn't my navbar.css not showing up in localhost page?
I am enrolled in a full stack web development course and currently learning react on the side to build a project for my portfolio in hopes of getting into a front end web developer position.
Found ...
1
vote
1
answer
168
views
How to set active class in React-Router?
I have a navigation created using React-Router
nav.tsx
import React from 'react'
import { menu } from './menu'
import { Link } from 'react-router-dom'
import styles from './HamburgerMenu.module.scss'
...
1
vote
1
answer
200
views
Dynamic Route In React Displaying Blank Page
I am trying to implement dynamic routing in my app so that I could view products of a store separately. Basically I'm building an app where user can add stores and view their items, so I created a ...
0
votes
1
answer
89
views
Can't open live server with ReactJS
Error: error:0308010C:digital envelope routines::unsupported
at new Hash (node:internal/crypto/hash:71:19)
at Object.createHash (node:crypto:133:10)
at module.exports (D:\ReactJS\...
-2
votes
1
answer
372
views
how to give animation on react app when change routes for react router DOM version 6.14.0
I am trying to gave a smooth transition on pages when I change the routes. But can't find any idea.
I am trying to gave a smooth transition on pages when I change the routes. But can't find any idea
...
1
vote
1
answer
47
views
Unable to display data from the List of Films in React
I am working on [email protected] and fetching data using useEffect hook and updated data with useState hook.
My routes are in Main component and nested route of "/films" which have film ...
1
vote
1
answer
589
views
NavLink color is not changing using tailwind css
<NavLink
to={item.link}
key={index}
className={({ isActive }) => (isActive ? "text-oirOrange" : ' ')}
>
<li className='cursor-pointer font-semibold text-oirBrown hover:...
-1
votes
1
answer
70
views
How to preserve state of flip card after navigating to another page and then coming back to same page
I tried to preserve the state of flip card, when I flip card I navigated to another route and after coming back from that page the card again come back to its original state, I want to preserve the ...
2
votes
2
answers
219
views
<Link> with "react-router-dom 6.7.0"
I'm trying to create my first website, but having issues with redirection to another page. I added Routes to App.jsx, and added links to Navbar; clicking on "Services" in Navbar goes to &...
-1
votes
1
answer
55
views
Background image in Styles.css appearing in every react router pages
A folder with pages was created, inside every page for using with react router, then when adding a background one of them in styles.css, every single page will display that same background.
I assigned ...
-1
votes
1
answer
58
views
Why is my last route overriding the css in previous routes?
I am building a simple React SPA personal website, and noticed that CSS selectors for routes that are later in the router are overriding previous ones, even when those later routes are not the page in ...
6
votes
1
answer
302
views
Focus state shouldn't change, React.JS + TailwindCSS
I have a question related to tailwindcss and React. I have a property that if a <NavItem /> is focused then the background and the text will change. <LanguageSwitcher /> is another ...