更新渲染的组件道具

Question

我可以更新 React 组件的道具，例如 className 由于点击事件吗？似乎不可能，因为组件已渲染。

Answer 1

是的，你可以。

创建状态并保留类名：

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

使用 className 并在点击时更新它：

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

看看这个例子：

Update a rendered component props