I'm working on a React project and have run into an issue where ESLint is throwing an Unknown word (CssSyntaxError) when linting my JSX files. This error seems to be related to CSS parsing within JSX, but I'm not using…
this is my first question in this forum. I hope I can describe my problem correctly. I have a state hook called persons: const [persons, setPersons] = useState([]) My goal is to re-render the "persons" array after making a PUT…
I have used a map in my jsx file and when I click on a button, all the buttons in the component are changed. {users.map(user => ( <div className="Profile-block" key={user.userId}> <div className="Profile"> <Avatar alt={user.userName} src={ConstantsList.GET_PROFILEPIC_BY_USERID + user.userId} sx={{ width: 36,…
ProductDetails.jsx ProductDetailList.jsx I'm currently working on a React project where I'm rendering product and delivery details using components. I have two components: ProductDetailsList.jsx and ProductDetails.jsx. ProductDetailsList.jsx contains an array of product details and an array of delivery details, which are…
I am creating application in react using router below is my code main.jsx import React from 'react' import ReactDOM from 'react-dom/client' import App from './App.jsx' import './index.css' import { Router} from 'react-router-dom' ReactDOM.createRoot(document.getElementById('root')).render( <React.StrictMode> <Router> <App/> </Router> </React.StrictMode> ) app.jsx…
I'm stuck with a problem whereby I need to show only records that are active and hide inactive ones from a REST API call that I'm making. If all records are inactive, just show only single message saying "No Records…
I tried to change the font weight for the buttons within a navbar, but I don't know why does it go wrong every time. Firstly, I created a separate css file where I tried to set the font weight to…
I'm encountering an issue with my React application where I'm unable to update the weather details based on the selected city using the OpenWeatherMap API. Here's the setup: I have a parent component App which manages the state of latitude…
When I create a react project using Vite, I encounter the following error when defining a prop. If I don't have this problem with create React App, why does this error occur? Maybe I have not installed a module? enter…
I have three components: Parent (HomePage.jsx) export default function HomePage() { const [currentSorting, setCurrentSorting] = useState(); return ( <> <IntroSlider /> <main className="main-content"> <MainContentHeader setSorting={setCurrentSorting} /> <ProductSection currentFuncOfSorting={currentSorting} /> </main> </> ); } Child(ProductSection.jsx) export default function ProductSection({ currentFuncOfSorting })…