我正在嘗試一些反應。我正在將應用欄和抽屜從 v0 材質 UI 呈現為功能組件。我已經在類中添加了句柄DrawerClick函數，并將該函數作為道具發送，以用作功能組件中的單擊函數。但是點擊功能不起作用。這里的問題是將函數包裝為參數，并將其作為道具傳遞可能不起作用。如果有任何其他方法可以實現點擊，任何幫助將不勝感激，但我們需要確保我們在功能組件中使用花哨的組件，并在類中呈現這些組件，就像演示中所示一樣。在左旋圖標按鈕上單擊，抽屜的打開和關閉需要得到控制。我在這里通過堆棧閃電戰=>工作演示添加了一個工作演示這是我的代碼：import React, { Component } from 'react';import { render } from 'react-dom';import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';import darkBaseTheme from 'material-ui/styles/baseThemes/darkBaseTheme';import getMuiTheme from 'material-ui/styles/getMuiTheme';import AppBar from 'material-ui/AppBar';import Drawer from 'material-ui/Drawer';import MenuItem from 'material-ui/MenuItem';import './style.css';export const getMenuBar = (isBarOpened) => {  return(    <Drawer open={isBarOpened}>      <MenuItem>Menu Item</MenuItem>      <MenuItem>Menu Item 2</MenuItem>    </Drawer>  );}export const getAppBar = (handleDrawerClick) => {  return(    <AppBar       title="My AppBar"       className="st_appBarClass"       titleStyle={{ color: "#FFFFFF" }}      onLeftIconButtonClick={handleDrawerClick()}    />  );}class App extends Component {  constructor() {    super();    this.state = {      name: 'React',      isMenuOpened: false    };  }  handleDrawerClick = (e) => {    console.log(e);    if(e) {      this.setState({ isMenuOpened: !this.state.isMenuOpened });    }  }  render() {    return (      <MuiThemeProvider muiTheme={getMuiTheme(darkBaseTheme)}>        <div className='product-list-wrapper'>          {/*<ProductList products={products} />*/}          {getAppBar(this.handleDrawerClick)}          {getMenuBar(this.state.isMenuOpened)}        </div>      </MuiThemeProvider>    )  }}render(<App />, document.getElementById('root'));