برای اینکار می توانیم از متد ()shouldComponentUpdate استفاده کنیم. این متد قبل از رندر کردن توسط react فراخوانی می شود و  یک مقدار بولین برمی گرداند که مشخص می کند که react کامپوننت را رندر  کند یا خیر.مقدار پیش فرض این متد true می باشد.

در مثال زیر مقدار این متد را false  می  کنیم:

class Header extends React.Component {
  constructor(props) {
    super(props);
    this.state = {course: "react"};
  }
  shouldComponentUpdate() {
    return false;
  }
  changeCourse = () => {
    this.setState({course: "spring"});
  }
  render() {
    return (
      <div>
      <h1>My this course is {this.state.course}</h1>
      <button type="button" onClick={this.changeCourse }>Change course</button>
      </div>
    );
  }
}

ReactDOM.render(<Header />, document.getElementById('root'));

در اینجا زمانیکه کاربر دکمه change course را کلیک کند مقدار course تغییر نخواهد کرد.