如何向传递的组件添加类

<CustomComponent className="custom-class" />

const CustomComponent = (props) => {
  return <div className={props.className}>Hello, World!</div>;
};

const MyContext = React.createContext();

const ParentComponent = () => {
  return (
    <MyContext.Provider value={{ className: "custom-class" }}>
      <ChildComponent />
    </MyContext.Provider>
  );
};

const ChildComponent = () => {
  return (
    <MyContext.Consumer>
      {(context) => (
        <div className={context.className}>Hello, World!</div>
      )}
    </MyContext.Consumer>
  );
};

const withClassName = (WrappedComponent, className) => {
  return (props) => {
    return <WrappedComponent {...props} className={className} />;
  };
};

const CustomComponent = (props) => {
  return <div className={props.className}>Hello, World!</div>;
};

const EnhancedComponent = withClassName(CustomComponent, "custom-class");