getMouth = () => {
    const {dispatch} = this.props;
    dispatch({
      type: `${NAMESPACE}/getMouth`,
    });
  };

const disabledMouth = [2,5,8];

this.state = {
      checkMouth: [],//保存已選擇的月份
      allMouth: [],//保存月份標(biāo)簽的屬性數(shù)據(jù)
      temCheckMouth: [],//臨時(shí)保存已選擇的魚(yú)粉
      temAllMouth: [],//臨時(shí)保存月份標(biāo)簽的屬性數(shù)據(jù)
      sign: false//判斷用戶是否點(diǎn)擊確定
}

getAllMouth = () => {
	//mouth即為第一步通過(guò)后臺(tái)拿到的model里state的月份值
    const mouth = this.props.mouth.data || '';
    const newMonth = [];
    if (mouth && mouth.length > 0) {
      mouth.map(item => {
        newMonth.push(
          {
            value: item.code,//可理解為每個(gè)月份的id
            label: item.detail,//月份標(biāo)簽需展示的內(nèi)容，如一月、二月等的字樣
            selected: false,//月份標(biāo)簽是否被選擇
            disabled: false//該月份是否不可點(diǎn)擊
          }
        )
      });
    }
    // 修改無(wú)法選擇的月份信息，把無(wú)法選擇的月份disabled置灰掉，不允許用戶點(diǎn)擊選擇
    disabledMouth.map(item => {
      newMonth[item].disabled = true;
    });
    // console.log(newMonth);

	// 把每個(gè)月份的屬性數(shù)據(jù)數(shù)組存入state
    this.setState({
      allMouth: newMonth,
      temAllMouth: newMonth
    })
  };

  componentDidMount() {
    let timer;
    new Promise(resolve => {
      this.getMouth();
      timer = setInterval(() => {
        if (this.props.mouth.data) {
          resolve();
        }
      }, 100);
    }).then(() => {
      this.getAllMouth();
      clearInterval(timer);
    });
  }

this.getMouth();×
this.getAllMouth();×

  componentDidMount() {    ×
    new Promise(resolve => {    ×
      this.getMouth();    ×
          resolve();    ×
    }).then(() => {    ×
      this.getAllMouth();    ×
    });    ×
  }    ×

<div onClick={this.handleMouth}>
	<InputItem placeholder="請(qǐng)選擇申請(qǐng)?jiān)路? readonly="readonly" clear >
		申請(qǐng)?jiān)路?
	</InputItem>
</div>

  handleMouth = () => {
    const {allMouth} = this.state;
    //這一步是為了刪去數(shù)組第一條全選數(shù)據(jù)，全選不需要顯示。可忽略
    const newMouthData = allMouth && allMouth.slice(1);

    const modalData = (
      <div className={styles.modalStyle}>
        <div className={styles['tag-body']}>
          <div style={{textAlign: 'left'}}>可選擇月份（可多選）</div>
          <div className={styles['tag-box']}>
            {
              newMouthData && newMouthData.map((item) => {
                return (
                  <Tag
                    data-seed="logId"
                    onChange={(selected) => this.handleOnTagChange(selected, item.value)} // 用戶點(diǎn)擊不同月份時(shí)觸發(fā)的方法（詳情見(jiàn)下方標(biāo)題六）
                    selected={item.selected}// 控制不同月份的選中狀態(tài)
                    disabled={item.disabled}// 控制不同月份是否可點(diǎn)擊
                  >
                    {item.label}
                  </Tag>
                )
              })
            }
          </div>
        </div>
      </div>
    )
    const button1 = (
      <div className={styles.buttonStyle}>
        <span>取消</span>
        <span onClick={this.handleConfirm}>確定</span>//詳情請(qǐng)見(jiàn)標(biāo)題七的內(nèi)容
      </div>
    )
    const BUTTONS = [modalData];
    ActionSheet.showActionSheetWithOptions({
        options: [button1],
        message: BUTTONS,
      },
      // 關(guān)閉頁(yè)面執(zhí)行的方法
      (buttonIndex) => {
		this.closePage();//詳情請(qǐng)見(jiàn)標(biāo)題八的內(nèi)容
      });
  };

handleOnTagChange = (selected, value) => {
	/**
	*  用戶在彈窗選擇月份時(shí)，雖然當(dāng)前處于選中狀態(tài)。
	*  但是倘若用戶選擇完畢時(shí)不點(diǎn)擊確定，而且直接關(guān)閉頁(yè)面
	*  則之前選中的月份都不應(yīng)該保存！所以此處用臨時(shí)數(shù)組進(jìn)行保存
	*  只有用戶點(diǎn)擊確定，才把選擇的所有內(nèi)容保存到正式的數(shù)組中
	*/
    const {temAllMouth, temCheckMouth} = this.state;

    // 修改月份對(duì)應(yīng)的selected屬性
    const newAllMouth = JSON.parse(JSON.stringify(temAllMouth));
    newAllMouth[value].selected = selected;
    // console.log(newAllMouth);

    // 記錄選中的月份
    const newCheckMouth = JSON.parse(JSON.stringify(temCheckMouth));
    if (selected) {//如果選中，把選中的月份添加進(jìn)數(shù)組
      newCheckMouth.push(parseInt(value));
    } else {//如果是取消選中，需要把之前的選中從數(shù)組中刪除
      const deleteMouth = newCheckMouth.findIndex(item => item == value);
      newCheckMouth.splice(deleteMouth, 1);
    }
    // console.log(newCheckMouth);

    this.setState({
      temCheckMouth: newCheckMouth,
      temAllMouth: newAllMouth
    });
  };

const {temAllMouth, temCheckMouth} = this.state;
const newAllMouth = temAllMouth;×××××錯(cuò)誤范例?。?！

handleConfirm = () => {
    const {temCheckMouth, temAllMouth} = this.state;

    /**
    * 對(duì)選中月份進(jìn)行排序
    * 因?yàn)殛P(guān)閉彈窗后需要在input框中顯示用戶選擇的月份
    * 而用戶選擇的順序是不定，所以temCheckMouth保存的選中月份也是亂的
    * 故此處為了美觀，對(duì)選中月份進(jìn)行了排序
    * 使用的是最簡(jiǎn)單的冒泡排序，可以忽略
    */
    const newCheckMouth = JSON.parse(JSON.stringify(temCheckMouth));
    if (newCheckMouth && newCheckMouth.length > 1){
      newCheckMouth.map((item,index) => {
        for (let j = 0; j<newCheckMouth.length-index;j+=1){
          if (newCheckMouth[j] > newCheckMouth[j + 1]){
            const temp = newCheckMouth[j];
            newCheckMouth[j] = newCheckMouth[j + 1];
            newCheckMouth[j + 1] = temp;
          }
        }
      });
    }
    console.log('選中的月份--' + newCheckMouth);

	// 此時(shí)用戶點(diǎn)擊確定按鈕，需要把之前保存的臨時(shí)數(shù)據(jù)賦值給正式的數(shù)組
    this.setState({
      allMouth: temAllMouth,
      checkMouth: newCheckMouth,
      temCheckMouth: newCheckMouth,
      sign: true //確定頁(yè)面
    });

	// 把選中的月份展示在input框，只有用戶有選擇月份的情況才需要展示
    if (temCheckMouth){
      this.props.form.setFieldsValue({ sqzzjtyf: newCheckMouth.toString() });
    }
  }

	closePage = （） => {
        setTimeout(()=>{
          const {checkMouth, allMouth, sure} = this.state;
          // sure=false代表用戶沒(méi)有點(diǎn)擊確定，則需要把之前保存的臨時(shí)數(shù)據(jù)重置，保證用戶下次打開(kāi)彈窗時(shí)數(shù)據(jù)的正確性
          if(!sure){
            this.setState({
              temCheckMouth: checkMouth,
              temAllMouth: allMouth
            });
          }else{ // 把點(diǎn)擊確定時(shí)修改的sure=true修改回false，保證下次再次打開(kāi)彈窗的正確性
            this.setState({
              sure: false
            });
          }
        },50)
	}

      temCheckMouth: checkMouth（舊值）,
      temAllMouth: allMouth（舊值）