亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

按工作日排序計劃順序(例如星期一、星期二、星期三...)

按工作日排序計劃順序(例如星期一、星期二、星期三...)

幕布斯6054654 2021-10-14 10:58:35
我正在嘗試解決我的代碼中的問題。我有一個硬編碼的狀態數據,假設它來自 API 調用。在我的情況下, operationHours 的 API 數據默認沒有正確排序,星期四而不是星期一。我的問題是,每當我映射數據時,我都想按星期幾(星期一、星期二、星期三……)對它們進行排序。我在這里做了一個沙箱https://codesandbox.io/s/crazy-booth-4gwficlass App extends Component {  state = {    data: {      name: "Starbucks",      operationHours: {        thursday: { from: "8:00", to: "20:00" },        friday: { from: "8:00", to: "20:00" },        saturday: { from: "8:00", to: "20:00" },        sunday: { from: "8:00", to: "20:00" },        monday: { from: "8:00", to: "20:00" },        tuesday: { from: "8:00", to: "20:00" },        wednesday: { from: "8:00", to: "20:00" }      }    }  };  render() {    return (      <div>        <h2>{this.state.data.name}</h2>        {Object.keys(this.state.data.operationHours).map(dayOfWeek => (          <div key={dayOfWeek} className="day-of-week">            {`${dayOfWeek} - ${moment(              this.state.data.operationHours[dayOfWeek].from,              "HH:mm"            ).format("hh:mm A")} -            ${moment(              this.state.data.operationHours[dayOfWeek].to,              "HH:mm"            ).format("hh:mm A")}`}          </div>        ))}      </div>    );  }}
查看完整描述

1 回答

?
紅顏莎娜

TA貢獻1842條經驗 獲得超13個贊

代替


{Object.keys(this.state.data.operationHours).map(dayOfWeek => (

      <div key={dayOfWeek} className="day-of-week">

取一個帶有排序日期的數組,比如


{['monday', 'tuesday', 'wednesday'].map(dayOfWeek => (

      <div key={dayOfWeek} className="day-of-week">


查看完整回答
反對 回復 2021-10-14
  • 1 回答
  • 0 關注
  • 355 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號