我正在嘗試解決我的代碼中的問題。我有一個硬編碼的狀態數據,假設它來自 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> ); }}
按工作日排序計劃順序(例如星期一、星期二、星期三...)
幕布斯6054654
2021-10-14 10:58:35