更新渲染的组件道具

Question

由于诸如单击之类的事件，我是否可以更新 React 组件的道具，例如 className ？自从组件被渲染以来，这似乎是不可能的。

Answer 1

是的，可以。

创建状态并保留className：

const [elmClass, setElmClass] = React.useState("first");

使用className并在onClick上对其进行更新：

<div className={elmClass} onClick={() => {setElmClass("second")}>
  Change my className
</div>

看看这个例子：

https://codesandbox.io/s/fast-bash-bcfx7