refactor(features/ui): Avoid useless renders in WrappedSwitch (#5580)
parent
763a2f8511
commit
5521e94e24
|
@ -7,11 +7,19 @@ import BundleColumnError from '../components/bundle_column_error';
|
|||
import BundleContainer from '../containers/bundle_container';
|
||||
|
||||
// Small wrapper to pass multiColumn to the route components
|
||||
export const WrappedSwitch = ({ multiColumn, children }) => (
|
||||
<Switch>
|
||||
{React.Children.map(children, child => React.cloneElement(child, { multiColumn }))}
|
||||
</Switch>
|
||||
);
|
||||
export class WrappedSwitch extends React.PureComponent {
|
||||
|
||||
render () {
|
||||
const { multiColumn, children } = this.props;
|
||||
|
||||
return (
|
||||
<Switch>
|
||||
{React.Children.map(children, child => React.cloneElement(child, { multiColumn }))}
|
||||
</Switch>
|
||||
);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
WrappedSwitch.propTypes = {
|
||||
multiColumn: PropTypes.bool,
|
||||
|
|
Reference in New Issue