Avatar shouldComponentUpdate

Avatar.js

import React from "react";

export default class Avatar extends React.Component {
  state = {
    open: false,
  };

  shouldComponentUpdate(nextProps, nextState) {
    const photoChanged = this.props.avatarUrl !== nextProps.avatarUrl;
    const optionsWereToggled = this.state.open !== nextState.open;
    
    return photoChanged || optionsWereToggled;
  }

  render() {
   return (
     <div>
       <img src={this.props.avatarUrl} />
       {this.state.open && (<Dropdown />)}
     </div>
   );
  }
}