每篇關于如何在 React 中切換 css 的帖子或教程都假定我使用的是類組件。但是，我使用的是功能組件，無法訪問this和state。有人能告訴我如何在 React 函數組件中切換 JSX 元素的 CSS 樣式嗎？import React from 'react';import { Row, Container, Col } from 'react-bootstrap';const FilterBar = ( {eventFilters, setEventFilters} ) => {    const someFunction = () => {      // code in here  }    return(    <div className="row-fluid" >      <Container fluid >        <Row className="justify-content-md-center mb-2 mt-2">          <Col onClick={someFunction}> <button value="ALL"> All </button> </Col>             <Col onClick={someFunction}> <button value="WORKSHOP"> Workshop </button> </Col>                  <Col onClick={someFunction}> <button value="MINIEVENT"> Minievent </button> </Col>                </Row>        <Row className="justify-content-md-center mb-2">            <Col onClick={someFunction}> <button value="SPEAKER"> Speaker </button></Col>          <Col onClick={someFunction}> <button value="MEAL"> Meal </button> </Col>          <Col onClick={someFunction}> <button value="OTHER"> Other </button> </Col>             </Row>      </Container>    </div>  );}export default FilterBar;