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

2021/11/20 23:09:48

本文主要是介绍[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切换组件样式的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程