React技巧之改变元素样式

2022-08-19 16:03:44 浏览数 (2)

原文链接:https://bobbyhadz.com/blog/react-change-style-on-click

作者:Borislav Hadzhiev

正文从这开始~

三元运算符

在React中,通过点击事件来改变元素的样式:

  1. 在元素上设置onClick属性。
  2. 当元素被点击时,设置激活的state
  3. 使用三元运算符,基于state变量有条件地设置新样式。
代码语言:javascript复制
import {useState} from 'react';

export default function App() {
  const [isActive, setIsActive] = useState(false);

  const handleClick = () => {
    // 


	

1 人点赞