为什么侧边栏按钮无法点击？

Question

侧边栏上的按钮不可点击。在我的主页上，按钮元素工作清晰，但在侧边栏上，它不起作用。

import { useContext, TouchableOpacity } from "react";
import { DataContext } from "../App";
import "./SideBar.css";

    const SideBar = () => {
      const [showModal, setShowModal] = useContext(DataContext);
      return (
        <div
          className={showModal ? "modal-dialog show" : "modal-dialog"}
          role="document"
        >
          <div className="sideBar">
            <div className="sideBarHeader">
              <h5>Add City</h5>
              <button >
                Trial
              </button>
            </div>
          </div>
        </div>
      );
    };
    export default SideBar;

Answer 1

你还没有在按钮中提供 onclick 函数