React进行数据处理
Posted 川衡
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了React进行数据处理相关的知识,希望对你有一定的参考价值。
React数据 可以通过componentDidMount方法中的ajax来获取,当从服务端获取数据时可将数据存储在state中,在用this.setState方法重新渲染UI。
当使用异步加载数据时,在组件卸载前使用componentWillUnmount来取消完成的请求。
父组件state更新并将值传递到子组件上去重新渲染界面,需要在父组件上创建事件句柄(handleChange),并作为prop(updateStateProp)传递到子组件上。
从子组件中更新父组件的state时,需要在父组件中通过创建句柄(handleChange),并作为prop(updateStateProp)传递到子组件上。
事件句柄(事件处理函数):事件句柄是指事件发生时要进行的操作。每一个事件均对应一个事件句柄。
React 支持一直特殊的属性 refs,可以用来绑定到render()输出的任何组件上。
可以通过getDOMNode()方法获取DOM元素。
以上是关于React进行数据处理的主要内容,如果未能解决你的问题,请参考以下文章
尝试用 React 制作 2048 游戏。状态中的数据在不应该发生变化时发生了变化
React Context : 从 API 获取数据并在 React 组件中发生某些事件时调用 API