Close/open or change division in React

togglechange.js

const {name} = evt.target;
if (name === "isLayouts" || name === "isHousing") {
  this.setState(s => {
    const stateKeys = Object.keys(s);
    const index = stateKeys.indexOf(name);
    if (index !== -1) stateKeys.splice(index, 1);
    return stateKeys.map(
      key => ({
        [key]: false
      })).reduce(
      (acc, cur) => ({
        ...acc,
        [Object.keys(cur)]: cur[Object.keys(cur)]
      }),
      {
        [name]: !s[name]
      }
    );
  });
}
////////////////////////
e(
  "ul", {
    className: "mode",
    style: {
      display: "flex",
      flexDirection: "row",
      listStyleType: "none",
      margin: 0,
      padding: 0
    }
  },
  e("li", {
      style: liStyle
  }, e("button", {
        style: buttonStyle,
        type: "button",
        name: "isLayouts",
        className: isLayouts ? "pure-button pure-button-active" : "pure-button",
        onClick: this.handleClick
      }, "Layouts",
    )), e("li", {
      style: liStyle
    },
    e("button", {
      style: buttonStyle,
      type: "button",
      name: "isHousing",
      className: isHousing ? "pure-button pure-button-active" : "pure-button",
      onClick: this.handleClick
    }, "Housing")
  )
),