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