How React Components Are Reused

FilterProps.js

render() {
  // Filter out extra props and don’t pass through
  const { extraProp, ...passThroughProps } = this.props;

  // Inject props into the wrapped component.
  // Usually the value of state or an instance method.
  const injectedProp = someStateOrInstanceMethod;

  // Pass props to the Wrapped component
  return (
    <WrappedComponent
      injectedProp={injectedProp}
      {...passThroughProps}
    />
  );
}