javascript 如何添加类onclick按钮[已关闭]

zwghvu4y 于 2023-02-15 发布在 Java

关注(0)|答案(1)|浏览(162)

- 已关闭。**此问题需要debugging details。当前不接受答案。

编辑问题以包含desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem。这将有助于其他人回答问题。
14小时前关门了。
Improve this question
在我的应用程序中，我需要添加侧边栏，例如你需要编辑一些东西，你会在侧边栏中完成。问题是我不知道如何做到这一点。
我尝试了很多东西，但想法是，通过点击按钮，我不能添加类'-active'到我的侧边栏面板。

// src/app.js

function App() {
...
            <div className="basic_layout__sidepanel">
        <SidePanel></SidePanel>
      </div>
...

// src/pages/Companies/Companies.js
function Companies() {
....

  const actionButtons = () => {
    return (
      <React.Fragment>
        <Button
          icon="pi pi-pencil"
          className="p-button-rounded p-button-info mr-2"
        onClick={MyFunction}
        ></Button>
      </React.Fragment>
    );
  };

那么，如何通过单击companies.js中的按钮将"-active"类添加到app.js中的"basic_layout__sidepanel"中呢

JavaScript

来源：https://stackoverflow.com/questions/75441837/how-to-add-class-onclick-button

1条答案

按热度按时间

rdrgkggo1#

完成这个的步骤非常简单，但是我们必须先跟踪一些东西，让我们假设这是你的组件结构

function App () {
    // some functions here…
   
    return (
        <>
              <button></button>
              <SidePanel />
        </>
    );
}

将其更改为类似

import React from ‘React’

function App () {
    const [active, setActive] = React.useState(false);
   
    const handleClick = () => {
        setActive(a => !a);
    }
   
    return (
        <>
              <button onClick={handleClick}></button>
              <SidePanel active={active} />
        </>
    );
}

赞(0）回复(0）举报 2023-02-15

我来回答

javascript 如何添加类onclick按钮[已关闭]

1条答案

相关问题

热门标签

最新问答