React

Hi everyone,can you help me??

I am new to reactjs. I started to do student marksheet management project. I collected the students mark list data and stored it in localstorage. I then retrieved it and displayed it. now i want to calculate the total mark of each student and calculate their rank and display it.…

Hi everyone,can you help me??

I am new to reactjs. I started to do student marksheet management project. I collected the students mark list data and stored it in localstorage. I then retrieved it and displayed it. now i want to calculate the total mark of each student and calculate their rank and display it.…

Modifying using/context synchronously

I have a context typed const AuthContext: React.Context<Auth | undefined> = createContext<Auth | undefined>(undefined); and then consume it like so: But this seems to result in some sort of infinite refresh downsteam. Is there a hook i should be using to transform the context?

Hi everyone, can someone help me here?

My component's state is being updated under the hood but the UI isn't updating properly. The link for the code is here https://kevnl.csb.app/ . If I delete the interval number 1, it gets removed correctly in the state but it shows the second one being deleted instead. Thanks in…

ReactJs best practices for state management?

What's considered the best practice in the React v16.x or later for state management? • Using Functional components and Hooks • Using Class components & this.state (setState) …

React: How to use innerHTML to unmount child nodes?

I have say around 30K+ components on the page. On click of a button I unmount all the 30K+ components via conditional rendering which becomes super slow around 10+ seconds and causes the page to hang. On the other hand setting the innerHTML to "" on the parent container is able…

fit to div on expansion of row in react

Hi guys , im trying to fit to div on expansion of row in addition to that , when i click on any other header it should also fit to that same area , how to achieve this , thanks in advance .

SVG component drag isn't smooth

Hi All, I'm trying to make a few SVG components that are draggable around. However the drag is only working for the first drag and the subsequent drags are not smooth. Any insights on why this is happening would be of great…

React mapbox-gl: Cant use map.addImage(..) to load image as icon on the map.

Basically what im trying to do is load icons(images) as my pointers when my locations load. I want to do it using json and this is what i have for that part axios .get("my-private-api") …

Warning: State updates from the useState() and useReducer() Hooks don't support…