标签:标识 监听器 component ble 解决 reducer efs his force
注释:
React JSX需要的注释格式是:
{/*....*/}
WebStorm默认的是:
/*.....*/
作为子节点
{/*...*/}
作为内联属性
/*.....*/ ----------多行注释
// -----------单行注释
写内联样式:
var tdStyle = {
border:0
}
<td style={tdStyle}></td>
refs
ref的值有两种类型,一种是字符串、一种是回调函数
contentEditable属性为true,允许用户在其内部输入富文本
访问受控的DOM节点
1.componentDidMount时期
2.事件处理器时期
模拟卸载而后重新挂载
componentDidUpdate:function(){
this.componentWillUnmount();
this.componentDidMount();
}
forceUpdate:就是重新更新render。有些变量不在state上,但是你又想达到这个变两个更新的时候,刷新render;或者state里的某个变量层次太深,更新的时候没有自动触发render,这时候都可以手动调用forceUpdate自动触发render
shouldComponentUpdate()方法是判断是否有必要更新render(),渲染页面,返回的结果是bool值,如果是false,则不用重新更新render,否则更新,默认值是true,该方法接受两个参数,即新的props和新的state
redux就是用来确保state变化的可预见性
主要的约束有:
1.state以单一对象存储在store对象中
2.state只读
3.使用纯函数reducer执行state更新
管理应用的 state
-
通过 store.getState()
可以获取 state
-
通过 store.dispatch(action)
来触发 state 更新
-
通过 store.subscribe(listener)
来注册 state 变化监听器
-
通过 createStore(reducer, [initialState])
创建
React支持的元素
1.html元素
2.SVG元素
支持的属性
支持所有的data-*和aria-*属性
注意:所有的属性都是驼峰命名的,class属性和for属性分别改为className和htmlFor,来符合DOM API 规范
React特有的属性
key:可选的唯一的标识器。当组件在渲染过程中被各种打乱的时候,由于差异检测逻辑,可能会被销毁后重新创建,给组件绑定一个key,可以持续确保组件还在DOM中。
ref:获取真实dom时使用,this.refs.[refname].getDOMNode()。
dangerouslySetInnerHTML:提供插入纯HTML字符串的功能,主要为了能和生成的DOM字符串的库整合
批处理虚拟DOM的刷新
react中DOM节点如何绑定属性:使用data-属性名
一、解决react中this.setState()方法异步情况
React学习
标签:标识 监听器 component ble 解决 reducer efs his force
原文地址:https://www.cnblogs.com/yyxh/p/9002241.html