无法覆盖React中的组件

// 父组件
<ChildComponent customProp="value" />

// 子组件
function ChildComponent(props) {
  return <div>{props.customProp}</div>;
}

import ChildComponent from './ChildComponent';

function ParentComponent() {
  return <ChildComponent />;
}

/* 更具体的选择器 */
.parent-component .child-component {
  color: red;
}

/* 或者使用 !important */
.child-component {
  color: red !important;
}

function ChildComponent() {
  const [state, setState] = React.useState('initial');

  React.useEffect(() => {
    setState('updated');
  }, []);

  return <div>{state}</div>;
}

function withCustomProp(Component) {
  return function WrappedComponent(props) {
    return <Component {...props} customProp="value" />;
  };
}

const EnhancedChildComponent = withCustomProp(ChildComponent);

function ParentComponent() {
  return <EnhancedChildComponent />;
}