2017-04-17 27 views
-1

我正在开发一个JSX编码结构的反应JS组件,该结构从api获取JSON数据数组。该组件是一个类似于结构的表格,顶部和底部有两个箭头。我想实现一个功能,点击顶部箭头时,表格行应该用行中的新数据集更新,反之亦然,点击向下箭头。有没有办法实现这个功能?onClick更新结构中的行像结构REact JS和JSX

回答

0

看来你正在尝试做某种表分页。您可以通过存储在你的控制状态的当前页面做到这一点,并在的onClick处理程序:

  • 拨打电话到服务器API检索数据的下一个/前一页,如果你是寻呼和在服务器上的排序,然后用检索的数据更新状态
  • 或计算并更新要显示,如果你已经在内存中的所有行取其行的状态,但都出现了一小部分他们
+0

的目前我正在从服务器获取所有数据我能够检索数据,但是我想要做的是点击向上箭头4组行应该向上移动并且下一组具有新数据的行应该显示出来并且与向下箭头相同。 –

+0

对。在你的onClick方法你应该设置状态(即,添加你想要显示的行,并删除那些你想隐藏)。但只能从状态,而不是从存储检索数据的内存中的实际位置。所以,假设您想显示80行中的10行,然后将这10行复制到状态中。当用户点击向下箭头时,通过移除顶部4并添加底部4来更改这些10。 –