Questions tagged [rerender]

453 questions
3
votes
2 answers

antd Table is not automatically rerendered when datasource data changes

Ant Design Table is not rerendered automatically when datasource data changes.
uzzi
  • 551
  • 2
  • 9
  • 29
3
votes
1 answer

Prevent rerender of sibling component which initiates a useState in wrapper component

I am not very experienced with React but I have a very simple Setup. export default function App() { const [title, setTitle] = useState("still-empty"); const myFunction = title => { setTitle(title); }; return (
schingeldi
  • 870
  • 2
  • 14
  • 26
3
votes
1 answer

Component re-renders because of unused property in context

I have an AsyncContext that allows me to start / stop any kind of async computation. Behind the scene, it manages a global loader and a snackbar. export type Context = { loading: boolean start: () => void stop: (message?: string) =>…
soywod
  • 4,377
  • 3
  • 26
  • 47
3
votes
1 answer

Stop a react functional component (that uses hooks) from re-rendering

I have a pure functional component where I fetch some data using useEffect. I pass in an empty string to useEffect, so it acts like a component did mount. const getData = () => { setTimeout(() => { setLocalState({ a: 2 }); …
3
votes
0 answers

Blank screen due to React client side re-renders DOM with server side rendering implemented

Background I'm working on a react based (MERN.io) project( Eve's Temptation ). This project's stacks are mainly React, Redux, Webpack, Node and Express. After my implementation of server-side rendering. I found that, with no good network connection,…
Evan Zhou
  • 31
  • 3
3
votes
2 answers

React child component do not re-render on it state change

I have a Tasks component which returns other components. However, when I change the state of one of the child's components from Tasks component, it does NOT re-render. Im passing the 'newTaskAdded' state from the parent to the child as props and…
EJ92
  • 66
  • 1
  • 6
3
votes
5 answers

CSS :hover rerender after covering element height 0

I have an element which I call back covered by another element which I call front. Back is set in CSS to change color on hover. Front is set, when hovered, to disappear after a 1s delay and the mouse pointer which was on Front element now is on back…
Misaz
  • 3,694
  • 2
  • 26
  • 42
3
votes
1 answer

Rerender two angular-datatables

I'm having trouble updating two datatables (using angular-datatable) in the same page in the same time. My HTML looks like this:
pidupuis
  • 343
  • 6
  • 15
3
votes
2 answers

JSF ReRender support with selectBooleanCheckbox

I have a JSF page on which I want to have a checkbox that, when clicked, will add/remove certain other form fields from the page. Here is the (simplified) code I currently have for the checkbox:
iandisme
  • 6,346
  • 6
  • 44
  • 63
3
votes
1 answer

richfaces reRender executed before action listener completion

I have a Richfaces listShuttle component that I need to have the source values (left side) sorted. For this purpose, after the value of the component has changed, I have a backing bean method to sort the elements, and the I want to rerender the…
Alina Danila
  • 1,683
  • 1
  • 24
  • 60
2
votes
1 answer

Update the DOM without refreshing the page in React.js after fetching more data

I want to implement dynamic pagination with intersection observer API and it works as intended: scrolling down the page, new data is fetched but after that the page is scrolled to its beginning. I know that it happens because react re-renders the…
Lilly
  • 90
  • 8
2
votes
0 answers

How to useMemo to delay React Children from display on routeChange in Next.js for page transition?

I'm trying to apply page transition effect in Next.js. Because of the project limitation, I cannot use external library except from GSAP. I've achieved similar effect using useMemo to track the children, and update the display children when the…
2
votes
0 answers

Zustand causing rerenders every time a state change in the store

i have been using zustand to avoid component re renders, so i just figured out that when i create the component in the same file, everything is fine , but when you just create a component in a seperate file and import it, it re renders every time a…
Aliiii
  • 31
  • 2
2
votes
2 answers

Where does the function continue after a re-render?

When the state called loading is set to true and a re-render of the component is caused, where does the function continue? Does it run console.log(1) again, just that it's that fast that I can't track it? Or does it contiune with console.log(2)? Or…
JackFrost
  • 83
  • 1
  • 9
2
votes
1 answer

React parent pass children will trigger rerender without state/props change

When I have some children(HTML dom) as props to a child component and control in parent, I found that will trigger rerender! Why React parent pass children will trigger rerender without state/props change? How to avoid it? Check following. const…
KevinHu
  • 991
  • 3
  • 10
  • 20