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

Question

抱歉，如果我的问题不具体。另外，我是 ReactJS 的新手。

我正计划为我正在处理的航空公司应用程序创建座位选择器。座位图应包含不同的座位，例如残疾人座位、带婴儿乘客的座位等。地图还应显示座位是否可用。我希望你指导我以下几点：

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

2. 如果我从头开始创建它，您认为这很容易吗？

3. 有没有我可以查看的资源来研究和解决类似的问题

Answer 1

我的方法是：制作飞机的 JSON 表示将此数据存储在 Store 中（稍微了解一下 React Context API）在 UI 中可视化数据将点击处理程序附加到座位使用 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

要回答您的第一个问题：您推荐任何现有的图书馆吗？我可以轻松地自定义它，例如颜色、行数和列数、覆盖方法等吗？我查看了npmjs.com并找到了react-seat- picker。这应该有助于初步发现。