React和bootstrap4总结
p-5, m-5
bootstrap class=“p-5”
padding 5个单位,只有p0-5,大于等于6之后就失效
ref
<input type="text" ref="myInput" />
//在input上使用ref,会把myInput挂到react组件的refs上,可以用this.refs.myInput来使用<input>这个dom节点
//也可以用一个箭头函数给节点的的成员赋值如下:
<input type="text" ref={(dom) => {this.domMyInput=dom}} />
bind
bind的用法可以这样写
<input
type="button"
value="点我输入框获取焦点"
onClick={this.handleClick.bind(this)}
/>
state
https://blog.csdn.net/weixin_34396902/article/details/91369448
- 什么是批量更新?
react中setState是异步方法,开发者可能会频繁更改数据,但只想渲染最后的结果。所以react中setState使用批量更新避免了频繁渲染,提高了性能。 - 怎么更改state数据是拿到上次更改的state?
//回调函数
this.setState((prevState) => ({ count: prevState.count + 1 }));