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

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

如何在 ReactJS 中創建座位選擇器或座位圖?

如何在 ReactJS 中創建座位選擇器或座位圖?

函數式編程 2022-01-07 13:19:14
抱歉,如果我的問題不具體。另外,我是 ReactJS 的新手。我正計劃為我正在處理的航空公司應用程序創建座位選擇器。座位圖應包含不同的座位,例如殘疾人座位、帶嬰兒乘客的座位等。地圖還應顯示座位是否可用。我希望你指導我以下幾點:您推薦任何現有的圖書館嗎?我可以輕松地自定義它,例如顏色、行數和列數、覆蓋方法等嗎?如果我從頭開始創建它,您認為這很容易嗎?有沒有我可以查看的資源來研究和解決類似的問題
查看完整描述

2 回答

?
湖上湖

TA貢獻2003條經驗 獲得超2個贊

我的方法是:

  1. 制作飛機的 JSON 表示

  2. 將此數據存儲在 Store 中(稍微了解一下 React Context API)

  3. 在 UI 中可視化數據

  4. 將點擊處理程序附加到座位

  5. 使用 action 和 reducer 切換 onClick 的可用性(稍微了解一下 React Context API)。

普通 JSON 示例(未完成):https : //jsonblob.com/e053de37-0c6e-11ea-833d-03b561efe969

在此處閱讀上下文 API:https : //www.codementor.io/maksimivanov/react-context-api-u6rox74dv


查看完整回答
反對 回復 2022-01-07
?
呼啦一陣風

TA貢獻1802條經驗 獲得超6個贊

要回答您的第一個問題:

  1. 您推薦任何現有的圖書館嗎?我可以輕松地自定義它,例如顏色、行數和列數、覆蓋方法等嗎?

我查看了npmjs.com并找到了react-seat- picker。這應該有助于初步發現。


查看完整回答
反對 回復 2022-01-07
  • 2 回答
  • 0 關注
  • 314 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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