天天看点

使用ReactJS实现表格的创建和数据的简单排序

最近在学习ReactJS的基本使用,想尝试着做个小东西,加深熟悉。所以就做了个基本的表格,做了个基本的排序功能

JSX的基本使用(JSX确实方便)

React的基本知识:基本控件、事件处理、数据更新。

子类和父类的通信,由于我把表头和表体分开了,然后通过一个大的Table类,包含了这两个控件。所以当子类触发了事件之后,不能够直接去控制更新它兄弟控件的数据,所以需要通过父控件来做中转。

创建了三个类分别是Thead(用于实现表头)、Tbody(用于实现表体)、Table(包含前两个,共同组成表格)。

在Thead中绑定点击事件,当触发之后调用,父类的方法。然后通过父类更新Tbody中的数据。

这里没有为Table绑定点击事件,是因为我试了试,没有能够触发(功力不够)。所以放弃了。