相关文章推荐
伤情的脸盆  ·  react-router ...·  3 天前    · 
还单身的蘑菇  ·  react ...·  3 天前    · 
严肃的跑步鞋  ·  React 使用 Proxy ...·  昨天    · 
纯真的领结  ·  npm ...·  22 小时前    · 
谦逊的硬币  ·  react ...·  2 小时前    · 
暗恋学妹的投影仪  ·  Android ...·  6 月前    · 
import React, { Component } from 'react';
import './style.css'
class App extends Component {
  constructor(props) {
    super(props);
    this.state = { 
      condition:true // 状态(隐藏或显示)
  // 切换隐藏或显示状态
  toggle=()=>{
    this.setState(()=>({
      condition:this.state.condition?false:true
  render() { 
    return ( 
        {/* 根据状态决定显示或隐藏的类名 */}
        <div className={this.state.condition?'show' :'hide'}>hello</div>
        <button onClick={this.toggle}>切换</button>
export default App;
.show {
  opacity: 1;
  transition: all 1s;
.hide {
  opacity: 0;
  transition: all 1s;