React和bootstrap4笔记

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 }));