[react] 写出React动态改变class切换组件样式

Posted 前端小歌谣

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了[react] 写出React动态改变class切换组件样式相关的知识,希望对你有一定的参考价值。

[react] 写出React动态改变class切换组件样式

export default memo(function Demo()
	const [clsName,setClsName] = useState("active")
    const handleClick = () => 
        setClsName(clsName === "active"?"unactive":"active")
    
    return (
    	<div className=clsName>
        	<button onClick=handleClick>切换样式</button>
        </div>
    )
)

 个人简介

我是歌谣,欢迎和大家一起交流前后端知识。放弃很容易,
但坚持一定很酷。欢迎大家一起讨论





主目录

与歌谣一起通关前端面试题

以上是关于[react] 写出React动态改变class切换组件样式的主要内容,如果未能解决你的问题,请参考以下文章

react native 怎样动态改变css

React 动态改变状态列表异步问题

根据 `react` 数组键值动态改变状态值

React IconTint(画布)动态改变颜色

react-native怎么动态改变样式

react-apollo中动态改变查询的解决方案