Category "reactjs"

Background image hide the toolbar in reactjs

Hello i want to build a toolbar that has an image in the background. I have build two different components. The first is the image component: import React from

useEffect does not see the state update

I'm trying to make the functionality of adding products to the cart with updating the counter of the number of products and the total amount. I can't understand

Amplify - handle console.log in frontend

I am using Amplify to host for frontend app(React). I have some console.log in the application, which is logged in browser inspector. Are there any amplify func

HTML web-pack and Compiling issue in react project

Yesterday, I got an issue that says Html webpack and File Compiling issue on my react project. You can see screenshots. thanksenter image description here

How to create Modal screen in react native

How to create Modal screen in react native something like the video https://youtube.com/shorts/K-tarwctvPY?feature=share

When I call to google.maps.services, my map desappears

I'm using ReactJS and react-google-maps/api to make my application that calls to my backend and google API. I add a few markers to the map and when I click on t

How do I center the content the same as the header and footer?

This is what it currently looks like: How can I automatically center the content which is currently has a green color border? The problem here is that it will

Hot reload is duplicating websockets

I am creating a react app and using npm to hot reload the page on save. I am also connecting to a server through socket.io and it works great except that when I

react and react-dom not working, please help out

I do not know why react and react-dom isn't working with my code. you can see the color of the react and react-dom text isn't even bright/clear what can be the

React Keycloak, Offline Support in PWA

Update after adjusting the config according to this issue @abraham found I adjusted my KeycloakProvider so that it looks now like this: <ReactKeycloakProvide

Best Practices for inputs states - React

I´m dealing with a component which has several inputs. Each list item is a "match" and has 2 inputs per match which you can store the goals of the two tea

Why my customize cursor keep blinking in react

I have problem with my customize cursor and this has been in a month but now I created it again and still wasn't solve it still. I'll direct how it will works.

How do I manipulate data based on another data in Redux Toolkit (React)?

const { data, isLoading } = useGetDataQuery({ skip: !dependency } ); const { data2, isLoading2 } = useGetData2Query({ skip: !data } ); const { data3, isLoadin

How can I show tooltip info for 4 seconds on page load and then hide, then after show on hover?

I am using react-bootstrap version 0.32.4, I can't update the version, that will bring up many changes. I want to have a tooltip info showing for 4 seconds on p

Redux query returning undefined

I'm having this problem with redux where I run one api service and the response is received fine. However after I add another reducer path reducer:{ [cryptoApi.

I want to preserve backend data on reload

I have created an app that has a cart that sends data to the backend, now when I restore I want to preserve the data and display the same data as before. I have

How to sort sum up all values from object arrays inside react props

I would like to sort three top rated posts. The current function of displaying three post titles and their rating, but I can not sort them by best rating. Pleas

React Firebase upload images for each post

In Storage need to create a folder for each post and then display all the photos from the folder in posts Can you suggest the best way to do this? And also when

useEffect Doesnt render the page Automatically in React JS

I am trying to fetch the data from firebase using useEffect in React JS, But my problem is its not updating / rendering the page automatically when Any changes

When I trying to sign in using Google authentication. it sayas "idpiframe_initialization_failed"

When I try to create Google authentication for react app it throws the following error to the console. I tried clearing cache but does not work for me picture o