我一直在尝试使用React.JS / Node.JS / SQlite3建立电影院座位预订系统。对于整个堆栈编程的整个概念,我还是比较陌生的,尤其是React.JS,因此,我只想寻求一点建议!
所以我在网上找到了这段代码,看起来确实不错,很适合我的目的。
https://i.imgur.com/KbHnTL8.jpg
这是原始代码:
https://gist.github.com/gerganzh/102d3164bbaf75fe58091567737f62f9
所以我想做的是为不同的电影放映提供不同的座位。因此,我清空了seatAvailable和seatReserved两者,并将实际信息放入数据库中。因此,在此之后,我执行componentDidMount()函数,该函数执行两次axios.get调用,并从数据库获取此实际信息,并将其放入空的seatAvailable和seatReserved中。之后,使用该数据,页面将相应地呈现数据库中的信息。这样做之后,我收到此错误:TypeError:this.props.available.map不是一个function。我知道我正在提取正确的数据,因为我在我的数据层和服务器文件中做了一个控制台日志,结果很好。我尝试将其作为对象获取,之后作为字符串获取,但仍然会出错。
这是我的代码:
https://gist.github.com/gerganzh/ba6825f0c347be7ab3ca641528e6093c
我认为这与提取数据有关,但是提取了错误的“类型”,因此代码无法正确读取它。您能给我建议如何解决它,或向我指出正确的方向:)吗?我确信它一定很小,因为我之前做过类似的操作。如果您愿意,我可以为您提供我的数据层代码,但是我确信其中的所有代码都是正确的。预先谢谢你!