Web / ReactJS Interview questions
How do I force a React component to re-render?
React components render and update based on a change in state or props automatically. Update the state from anywhere and suddenly your UI element updates.
In most cases you should never force a React component to re-render; re-rendering should always be done based on state or props changes. However, the below are legitimate options for the need to force a render in a few cases.
Using this.forceUpdate(), we can force a re-render. Calling this method also skips shouldComponentUpdate.
By calling the setState method with setting the existing state, we can invoke re-render.
method() { // Forces a render this.setState({ state: this.state }); }
More Related questions...