React.js - componentWillReceiveProps being hit twice

Question

I have a React.js component that\'s being rendered like so:

    ;

There are some events on the pag

Answer 1

Your Social component is probably being rendered twice because setState is called twice on the parent component. It may be setting properties other than email but your render function is called so the Social component renders twice.

You can implement shouldComponentUpdate method in the Social component to prevent second rendering:

shouldComponentUpdate: function(nextProps, nextState) {
    return nextProps.email != this.props.email;
}