如何在 ReactJS 中创建座位选择器或座位图？

Question

抱歉，如果我的问题不具体。另外，我是 ReactJS 的新手。我正计划为我正在处理的航空公司应用程序创建座位选择器。座位图应包含不同的座位，例如残疾人座位、带婴儿乘客的座位等。地图还应显示座位是否可用。我希望你指导我以下几点：您推荐任何现有的图书馆吗？我可以轻松地自定义它，例如颜色、行数和列数、覆盖方法等吗？如果我从头开始创建它，您认为这很容易吗？有没有我可以查看的资源来研究和解决类似的问题

Answer 1

我的方法是：

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

Answer 2

要回答您的第一个问题：

1. 您推荐任何现有的图书馆吗？我可以轻松地自定义它，例如颜色、行数和列数、覆盖方法等吗？

我查看了npmjs.com并找到了react-seat- picker。这应该有助于初步发现。