Cacher is the code snippet organizer for pro developers

import React from "react";

// 1.
// const withClass = props => (
//   <div className={props.classes}>{props.children}</div>
// );


// 2.
const withClass = (WrappedComponent, className) => {
  return props => (
    <div className={className}>
      <WrappedComponent {...props} /> {/*чтобы пропсы пробрасывались*/}
    </div>
  );
};

export default withClass;

// В 1 случае обертка над JSX компонентом <WithClass></WithClass>

// Во втором в App.js export default withClass(App, classes.App);
// Второй случай более используется для добавления логики, нежели просто хтмл или стили