Javascript 如何基于状态向组件添加类名而不删除初始类名

我有一个可切换的组件：

class HamburgerMenu extends React.Component {

    constructor(props){
        super(props)
        this.state = {
            toggle: false,
        }
    }

    Toggle() {
        this.setState((currentState) => ({
            toggle: !currentState.toggle
        }));
    }

    render() {
        return (
            <StyledHamburgerMenu className="HamburgerMenu" onClick={ () => this.Toggle() }>
                <FontAwesomeIcon icon="bars" />
            </StyledHamburgerMenu>
        )
    }
}

我该怎么做？它们相互导入和导出

您可以使用

element.classList.add("className");

在不覆盖现有类的情况下添加类

相应地替换元素和类名

您可以使用

element.classList.add("className");

在不覆盖现有类的情况下添加类

---

相应地替换元素和类名

您可以使用

redux

将

classValue

切换传递到不同的组件

const Component = (props) => {
    const className = props.classValue ? "extended-right-bar " + props.classValue : "extended-right-bar";

    return (
      <div className={customProps.className}>
        <h1 className="main-title">Notes</h1>
        <div className="folders-section">
          <h2>Folders</h2>
          <Folder name="folder" />
          <Folder name="folder" />
          <Folder name="folder" />
          <Folder name="folder" />
        </div>
      </div>;
    );
}

const组件=（道具）=>{
const className=props.classValue？“扩展右栏”+props.classValue：“扩展右栏”；
返回(
笔记
文件夹
;
);
}

您可以使用

redux

将

classValue

切换传递到不同的组件

const Component = (props) => {
    const className = props.classValue ? "extended-right-bar " + props.classValue : "extended-right-bar";

    return (
      <div className={customProps.className}>
        <h1 className="main-title">Notes</h1>
        <div className="folders-section">
          <h2>Folders</h2>
          <Folder name="folder" />
          <Folder name="folder" />
          <Folder name="folder" />
          <Folder name="folder" />
        </div>
      </div>;
    );
}

const组件=（道具）=>{
const className=props.classValue？“扩展右栏”+props.classValue：“扩展右栏”；
返回(
笔记
文件夹
;
);
}

带有扩展右栏的代码块在哪里？这是另一个组件，对吗？汉堡菜单与之有何关联？扩展右栏的代码块在我的主App.js文件中，带有扩展右栏的代码块在哪里？这是另一个组件，对吗？汉堡包菜单与它有什么关系？扩展的右栏在我的主App.js文件中