JSFiddle - React, Tailwind, and code Playground

by booktu8

HTML

<div className="select-user__container">
  {dataArr.length > 1 && (
  <div className="select-user__container__logic" ref={(ctl)=> (this.ctl = ctl)}
    >
    <div className="select-user__container__logic__btn">
      <Switch checkedChildren="且" unCheckedChildren="或" onChange={this.onChange.bind(this)} checked={this.computedChecked()} />
    </div>
  </div>
  )}

  <div className="select-user__container__content" ref={(con)=> (this.con = con)}
    >
    {dataArr.map((item, index) => {
    let rd_0 = sessionStorage.getItem('rd_0')
    return (
    <GraySpace style={GraySpaceStyle} key={rd_0 + index}>
      <TreeFilter disableCalc={this.disableCalc.bind(this)} dataIndex={index} data={item} deleteGroup={this.deleteGroup.bind(this)} addCondition={this.addCondition.bind(this)} />
    </GraySpace>
    )
    })}
  </div>
</div>