如何在Javascript React中实现语言项按条件显示

import React, { useState } from 'react';

function LanguageSelector() {
  const [selectedLanguage, setSelectedLanguage] = useState('');

  return (
    <div>
      <select onChange={(e) => setSelectedLanguage(e.target.value)}>
        <option value="">请选择语言</option>
        <option value="en">英文</option>
        <option value="fr">法文</option>
        <option value="es">西班牙文</option>
      </select>

      {selectedLanguage === 'en' && <p>显示英文内容</p>}
      {selectedLanguage === 'fr' && <p>显示法文内容</p>}
      {selectedLanguage === 'es' && <p>显示西班牙文内容</p>}
    </div>
  );
}

export default LanguageSelector;