reactjs Questions

Javascript – Sending an object with Next.js and it is showing up as undefined on the page I am sending it to

March 6, 2024
AyyanF
2 Answers

I am sending an object called footprintsData from my question screen to a result screen as shown below: const footprintsData = { carFootprint: roundedCarFootprint, electricityFootprint: roundedElectricityFootprint, gasFootprint: roundedGasFootprint, commuteFootprint: roundedCommuteFootprint, airTravelFootprint: roundedAirTravelFootprint, totalFootprint: parseFloat(totalFootprint.toFixed(2)), }; router.push({ pathname: "/results", query: {…

VIEW QUESTION

Reactjs – Disallow missing props validation in a React component definition

March 6, 2024
Fatemeh Hp
2 Answers

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…

VIEW QUESTION

Javascript – How to know if an external URL is loaded successfully from the main process when using window.open() from the renderer process

March 6, 2024
Mason
2 Answers

Is it possible to identify whether an external URL is loaded successfully or not from the main process, when window.open("http://example.com") is called from the renderer process? Something like... mainWindow.webContents.on('did-url-load', () => { // Do something }); mainWindow.webContents.on('did-url-loading-failed', () => {…

VIEW QUESTION

Javascript – npx create-react-app frontend command encounters error

March 6, 2024
MeLoveCats
2 Answers

I want to create a frontend project using npx create-react-app frontend encountered an error saying npm ERR! code ENOENT npm ERR! syscall lstat npm ERR! path C:UsersuserAppDataRoamingnpm npm ERR! errno -4058 npm ERR! enoent ENOENT: no such file or directory,…

VIEW QUESTION

Css – Antdv5 table scroll style

March 6, 2024
Prakash Arumugam
2 Answers

I am trying to change the style of scroll bar in antd5 table version. I have already changed the style in v4 it was worked but after upgrading it is not working .ant-table-body::-webkit-scrollbar{ width:4px It is working v4 but not…

VIEW QUESTION

Reactjs – n.data.map is not a function in React

March 6, 2024
Ahmed.B
4 Answers

I am getting this error which may indicate the map function require arrays, while the data provided is not of the data type required. The console output in the browser Uncaught (in promise) TypeError: n.data.map is not a function t…

VIEW QUESTION

Reactjs – A Keycloak instance can only be initialized once

March 6, 2024
Vahid Jadidi
2 Answers

I'm using Keycloak in React to authenticate users, when I use <React.StrictMode> I get the following error: Failed to initialize adapter: Error: A 'Keycloak' instance can only be initialized once. First, I defined the Keycloak instance in component and at…

VIEW QUESTION

Reactjs – Would using useEffect hook in React cause conflciting data for fraction of seconds?

March 6, 2024
deepak chacko
2 Answers

This is an example given in the react docs for fetching data with useEffect. export default function Page() { const [person, setPerson] = useState('Alice'); const [bio, setBio] = useState(null); useEffect(() => { let ignore = false; setBio(null); fetchBio(person).then(result => {…

VIEW QUESTION

Javascript – Why my react components don't behave independently?

March 6, 2024
Fatemeh Abtahi
2 Answers

so i have a wrapper component with a button which produce its children component whenever clicked no matter how many times. it is a wrapper component and i want to use it how many times i need but everytime i…

VIEW QUESTION

Javascript – How to use a Function Import Inside another Function which is a export Function in ReactJS

March 6, 2024
Viknesh k m
2 Answers

Hi I am new to React and learning about it. While I was learning about Named and Default Exports I ran into a issue. I am not sure how to explain my doubt in words here is my code. namedExport.js…

VIEW QUESTION