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