Prevent wasted render in load_more.js (#3402)
This commit is contained in:
		
							parent
							
								
									4bd327a0c5
								
							
						
					
					
						commit
						b5e8994844
					
				| 
						 | 
					@ -2,14 +2,20 @@ import React from 'react';
 | 
				
			||||||
import { FormattedMessage } from 'react-intl';
 | 
					import { FormattedMessage } from 'react-intl';
 | 
				
			||||||
import PropTypes from 'prop-types';
 | 
					import PropTypes from 'prop-types';
 | 
				
			||||||
 | 
					
 | 
				
			||||||
const LoadMore = ({ onClick }) => (
 | 
					class LoadMore extends React.PureComponent {
 | 
				
			||||||
  <button className='load-more' onClick={onClick}>
 | 
					
 | 
				
			||||||
 | 
					  static propTypes = {
 | 
				
			||||||
 | 
					    onClick: PropTypes.func,
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					  render() {
 | 
				
			||||||
 | 
					    return (
 | 
				
			||||||
 | 
					      <button className='load-more' onClick={this.props.onClick}>
 | 
				
			||||||
        <FormattedMessage id='status.load_more' defaultMessage='Load more' />
 | 
					        <FormattedMessage id='status.load_more' defaultMessage='Load more' />
 | 
				
			||||||
      </button>
 | 
					      </button>
 | 
				
			||||||
);
 | 
					    );
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
LoadMore.propTypes = {
 | 
					}
 | 
				
			||||||
  onClick: PropTypes.func,
 | 
					 | 
				
			||||||
};
 | 
					 | 
				
			||||||
 | 
					
 | 
				
			||||||
export default LoadMore;
 | 
					export default LoadMore;
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
		Loading…
	
		Reference in New Issue