几秒钟后如何在react js中隐藏组件

// CSS样式
.hidden {
  display: none;
}

// React组件
function MyComponent() {
  return <div className="hidden">隐藏的组件</div>;
}

// React组件
function MyComponent({ isVisible }) {
  return isVisible ? <div>可见的组件</div> : null;
}

// React组件
class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      isVisible: true,
    };
  }

  toggleVisibility = () => {
    this.setState((prevState) => ({
      isVisible: !prevState.isVisible,
    }));
  };

  render() {
    const { isVisible } = this.state;
    return (
      <div>
        <button onClick={this.toggleVisibility}>切换可见性</button>
        {isVisible && <div>可见的组件</div>}
      </div>
    );
  }
}