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

Question

很抱歉，如果我的问题不明确。另外，我是ReactJS的新手。

我正计划为我正在研究的航空应用创建座位选择器。座位图应包含不同的座位，例如残疾人座位，带婴儿的乘客等。座位图还应显示座位是否可用。我希望您指导我以下内容：

1. 您是否推荐任何现有的库？我可以轻松地自定义颜色，行数和列数，覆盖方法等吗？
2. 如果我从头开始创建它，您认为这样做容易吗？
3. 有什么我可以研究和解决类似问题的资源

Answer 1

我的方法是：

1. 制作飞机的JSON表示形式
2. 将此数据存储在商店中（稍微了解一下React Context API）
3. 可视化UI中的数据
4. 将点击处理程序附加到座位上
5. 使用操作和缩减器来切换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。这应该有助于初步发现。