如何修复反应中的折叠按钮？

问题描述

当您单击加号按钮时，我想定义一个加号按钮以扩展内容并将加号转换为减号。 您能帮我修复以下课程中的折叠按钮吗？

import React from "react";


class FaqButton extends React.Component {
  constructor() {
    super();
    this.state = {
      button: <span>&#43;</span>,flag: 0,classN: "button-plus",};

    this.handleClick = this.handleClick.bind(this);
  }

  handleClick() {
    if (this.state.flag === 0) {
      this.setState({
        button: <span>&#8211;</span>,flag: 1,classN: "selected",});
    } else {
      this.setState({
        button: <span>&#43;</span>,});
    }
  }
  render() {
    return (
      <div>
        <button className={this.state.classN} onClick={this.handleClick}>
          {this.state.button}
        </button>

        
      </div>
    );
  }
}

export default FaqButton;

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）