带有文本的React本机切换按钮

import React, { Component } from 'react';
import './LanguageSwitchButton.css';

class LanguageSwitchButton extends Component {
  constructor(props) {
    super(props);
    this.state = {
      currentLanguage: 'en' // 默认语言为英文
    };
  }

  handleLanguageChange = (language) => {
    this.setState({ currentLanguage: language });
  }

  render() {
    const { currentLanguage } = this.state;

    return (
      <div className="language-switch-button">
        <button onClick={() => this.handleLanguageChange('en')}>English</button>
        <button onClick={() => this.handleLanguageChange('zh')}>中文</button>

        <div className="text-content">
          {currentLanguage === 'en' && <p>This is the English text.</p>}
          {currentLanguage === 'zh' && <p>这是中文文本。</p>}
        </div>
      </div>
    );
  }
}

export default LanguageSwitchButton;