如何在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。这应该有助于初步发现。