如何在React中用内联样式重写内部类?

我有一个容器。里面是一些现成的组件。此组件有一组 CSS 定义的类。我想基于类名用在最外层组件中计算的一些值重写它们。

例子:

const someComponent = ({someProp}) => {
       return (
              <div style={{hereIWantToTargetSomeCSSClass: someProp}}>
                     <ThisIsOutOfTheBoxComponent />
              </div>);
}

ThisIsOutOfTheBoxComponent 有阶级 .internal-bg 具有 background-color 设置为黑色。

我想重写这个类并设置 背景色 作为 someProp 价值观。

可行吗?

如果不是这样,那么如何用不同的方法达到相同的结果呢?