Slider在重绘时无法删除老的数据

[David-Liu5460]

如下图所示：slider里面的item更新后貌似不能删除老的数据？
generateCardWithSlider() {
const tabs = this.props.tabs;
const tabTitles = this.props.tabTitles;
const isValid = Object.keys(tabs).length > 0;
const bollonTarget = ;
this.tabKeys = Object.keys(tabTitles);
const cardLen = this.tabKeys.length;

return (
  <section>
    {isValid && (
      <Slider
        slidesToShow={this.props.slider && cardLen > 6 ? 6 : cardLen}
        slidesToScroll={6}
        dots={false}
        infinite={false}
        draggable={false}
      >
        {this.tabKeys.map((key, index) => {
          const activeFlag = index === this.state.index;
          return (
            <ul
              className={`tab-items-ul ${
                activeFlag ? "active" : "in-active"
              }`}
              key={index}
            >
              <li
                data-key={key}
                className={activeFlag ? "active" : ""}
                onClick={this.tabClick.bind(this, index)}
              >
                {tabs[key] ? (
                  <React.Fragment>
                    <span className="name">
                      {tabTitles[key] === "商机转化率" ? (
                        <div>
                          <span>{tabTitles[key]}</span>
                          <Balloon
                            trigger={
                              <img
                                className='point'
                                src="https://img.alicdn.com/imgextra/i4/O1CN01Fi1cnQ1UV7ZK09is9_!!6000000002522-2-tps-28-28.png"
                              ></img>
                            }
                            closable={false}
                            align="t"
                          >
                            {$i18n.get({
                             id:'intl-mydata.init.index.Business_opportunity_conversion_rate'
                            })}
                          </Balloon>
                        </div>
                      ) : (
                        <span>{tabTitles[key]}</span>
                      )}
                    </span>
                    {this.props.terminalTypeForSlide !== "total" &&
                    (key === "ordCnt" || key === "ordAmt") ? (
                      <div className="slide-no-data" key={index}>
                        {$i18n.get({
                          id:
                            "intl-mydata.common.target-analysis.terminal.nosupport",
                          dm: "不支持区分终端"
                        })}
                        <Balloon
                          trigger={bollonTarget}
                          triggerType="hover"
                          align="t"
                        >
                          {$i18n.get({
                            id:
                              "intl-mydata.common.target-analysis.terminal.nosupporttip",
                            dm: "该指标目前不支持区分终端"
                          })}
                        </Balloon>
                      </div>
                    ) : (
                      <React.Fragment>
                        <span className="value">
                          {~key.indexOf("Rate")
                            ? `${(tabs[key].value * 100).toFixed(2)}%`
                            : Number(tabs[key].value).toLocaleString()}
                        </span>
                        <span className="compare">
                          <span className="compare-type">
                            {`${this.props.unit}:`}
                          </span>
                          {tabs[key].hasOwnProperty("cycleCrc") && (
                            <span
                              className={`compare-value ${
                                !Number(tabs[key].cycleCrc)
                                  ? "color-normal"
                                  : tabs[key].cycleCrc < 0
                                  ? "color-down"
                                  : "color-up"
                              } ${
                                this.props.isNewVersion
                                  ? "isNewVersion"
                                  : ""
                              }`}
                            >
                              {this.ratioConvert(tabs[key].cycleCrc)}
                            </span>
                          )}
                          {tabs[key] &&
                            tabs[key].hasOwnProperty("wowDiff") && (
                              <span
                                className={
                                  "compare-value " +
                                  (!Number(tabs[key].wowDiff)
                                    ? "color-normal"
                                    : tabs[key].wowDiff < 0
                                    ? "color-down"
                                    : "color-up")
                                }
                              >
                                {this.ratioConvert(tabs[key].wowDiff)}
                              </span>
                            )}
                          {tabs[key] &&
                            tabs[key].hasOwnProperty("momDiff") && (
                              <span
                                className={
                                  "compare-value " +
                                  (!Number(tabs[key].momDiff)
                                    ? "color-normal"
                                    : tabs[key].momDiff < 0
                                    ? "color-down"
                                    : "color-up")
                                }
                              >
                                {this.ratioConvert(tabs[key].momDiff)}
                              </span>
                            )}
                        </span>
                      </React.Fragment>
                    )}
                  </React.Fragment>
                ) : (
                  <React.Fragment>
                    <span className="name">
                      <span>{tabTitles[key]}</span>
                    </span>
                    <div className="slide-no-data" key={index}>
                      {$i18n.get({
                        id:
                          "intl-mydata.common.target-analysis.slidepanel.ZoneClassificationIsNotSupported",
                        dm: "不支持区分类目"
                      })}
                      <Balloon
                        trigger={bollonTarget}
                        triggerType="hover"
                        align="t"
                      >
                        {$i18n.get({
                          id:
                            "intl-mydata.common.target-analysis.slidepanel.ThisIndicatorDoesNotCurrently",
                          dm: "该指标目前不支持区分类目"
                        })}
                      </Balloon>
                    </div>
                  </React.Fragment>
                )}
              </li>
            </ul>
          );
        })}
      </Slider>
    )}
  </section>
);

}