react react子组件向父组件传值回调父组件函数怎么传递参数

点击联系发帖人 时间：2017-01-31 22:33

react子组件向父组件传值

分页其实很容易实现，我自己写了一个简单的分页组件，可以实现上下翻页，输入页码跳转到指定页，刷新页面后不会回到第一页（hash值记录当前页码）。效果如下：

把这个组件拆开看，其实就是三个功能：

记录页码（利用hash）

父组件向分页组件需要传递两个值：数据总数，一页显示几条数据。

#2这种形式。这样就实现了将页码作为锚点的功能，不过要实现刷新时依然在当前页码，还需要在componentDidMount里面手动解析url将页码取出来然后再调用goToPage()方法：

最后还有输入页码当页码合法时跳转到指定页也需要添加hash值：

写的不是很好，还请大家多多包涵。

}

下面我们就分别来介绍一下

这个最常见，父组件通过 props 向子组件传递需要的信息。因为 React 的通信方式是单向的，故此方法只适用于父组件 => 子组件。下面来看一个例子：

说白了，就是利用父组件向子组件通信时 props 可以传任何类型，包括函数的特性，然后使用回调把值传给父组件。

}