在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/Java  HTML/ react中的step組件的使用方法？

react中的step組件的使用方法？

react中的step組件怎么根據(jù)后臺(tái)傳過來的數(shù)據(jù)state=1 2 3 4對(duì)應(yīng)組件中status的四種狀態(tài)wait process finish error 怎么寫呢

render(){
        const {visible,onCancel,auditRuleList} = this.props;
        console.log(auditRuleList)
        const dataSource = auditRuleList ? (auditRuleList.result && Array.isArray(auditRuleList.result))? auditRuleList.result.map((item,index)=><Step
            key={item.id} title={item.name} description={moment(item.time).format('YYYY/MM/DD')}/>) :[]:[];
        return (
            <Modal
                visible={visible}
                title={"審核情況"}
                width="80vw"
                onCancel={onCancel}
                onOk={onCancel}
            >

            <Steps progressDot current={1}>
                {dataSource}
            </Steps>

            </Modal>
        );
    }
}

圖片描述

回答
編輯回答
小眼睛

你這個(gè)問題，剛剛學(xué)習(xí)代碼就開始用框架不太好，你還是先打基礎(chǔ)吧

2017年5月3日 06:22
編輯回答
伴謊
  checkStatus = () => {
    const state = 3 // 假設(shè)這是后臺(tái)返回的數(shù)據(jù)
    switch (state) {
      case 1:
        return 'wait';
      case 2:
        return 'process';
      case 3:
        return 'finish';
      case 4:
        return 'error';
      default: return null;
    }
  }
...

<Steps status={this.checkStatus()}>
  <Steps.Step title="Finished" description="This is a description." />
  <Steps.Step title="In Progress" description="This is a description." />
  <Steps.Step title="Waiting" description="This is a description." />
</Steps>

clipboard.png

clipboard.png

2017年1月30日 18:14