使用ReactJs在Redux状态下基于Update动态更改CSS属性

如何解决使用ReactJs在Redux状态下基于Update动态更改CSS属性

我有一个要在状态管理中的特定布尔值为真时显示的组件。

rootProject.name = 'D'

include 'B'
project(':B').projectDir = file('../B')

include 'C'
project(':C').projectDir = file('../C')

  return (
    <>
    {showCustomers === true ? //Change the css property : console.log("Do nothing")}
        <div class={Testdisplay}>
        //Run a third party function that does multiple things but will also change the showCustomers to true.
    <ThirdParty></ThirdParty>
       </div>

   </>
)

所以我想做的是调用我没有任何控制权的第三方组件。它将调用API并获取结果，最后将showCustomers状态变量更改为true。 然后，我想将Testdisplay的css属性更改为显示块，而不是无显示块。

是运行组件的一种可能的方法，还是最好的方法，但是一旦showCustomers为true，然后显示它。

解决方法

您应该能够执行以下操作

<div className={showCustomers === true ? TestDisplay : ""}>

这样，您可以在Div上删除并添加css类。