banner 728x90

Force a reaction component to render again

In Mobile Web Development 19 views
banner 728x90

The beauty of React components is that they are automatically displayed and updated on the basis of a change in state or props ; just update the status from anywhere and suddenly your UI element is updated – great! There may, however, be a case where you simply want to brutally force a new version of a React component.

Note: in most cases, you must never force a React component to render again; re-rendering must always be done on the basis of changes in conditions or props. Nonetheless, I do not judge and there may be a case where you legitimately have to oblige a component of a reaction to re-renovate, so let's have it!

Force React Component Render

There are several ways to force a component component return, but they are essentially the same. The first one uses this.forceUpdate () which skips .ComponentUpdate :

someMethod () 

Assuming that your component has a state you could also mention:

someMethod () 

This blog is not meant to be prescriptive, so I will not criticize developers for using this brute force method. Again, there is probably a better, more "React-y" way to correctly display a component, but if you are desperate for a component render on command, there are many ways to do this with React .

  •  CSS @supports

    CSS @supports

    Function recognition via JavaScript is a best practice of the client-side and for the right reasons, but unfortunately the same functionality is not available within CSS. What we ultimately do is repeat the same properties multiple times with each browser prefix. Bah. Another thing we …

  •  5 HTML5 APIs you did not know existed

    5 HTML5-API & # 39; s You did not know existed

    If you & # 39; HTML5 & # 39; say or read, you expect half that exotic dancers and unicorns enter the room to the rhythm of I & # 39; m Sexy and I Know It & # 39 ;. Can you blame us? We watched the fundamental APIs stagnate for so long that a basic characteristic …

  •  Custom using custom image Graphics using jQuery
  •  CSS Transforms

    CSS Transforms

    CSS has become increasingly powerful in the past few years and CSS transformations are a good example. CSS transformations enable advanced, powerful transformations of HTML elements. One or more transformations can be applied to a certain element and transformations can even be animated …

<! –


banner 728x90
    Script & Style Show: Episode 4: Tooling
    Script & Style Show: Episode 4: Tooling
    In the episode of this week: David
    Comment Video Player
    Comment Video Player
    Streaming entertainment is a massive interest of

    Leave a reply "Force a reaction component to render again"

    Must read×