react中的坑

文章类型:React

发布者:hp

发布时间:2023-05-20

一:自定义组件的名称首字母要大写

     <input />

	  // 自定义组件
	  <Input />

二:JS关键字的冲突

 <label htmlFor="input-name" className="label">
		用户名 <input id="username" />
	  </label>

三:JSX数据类型

<Demo flag={true} />
	 

四:setState不会马上获取最新的结果

1:如果需要马上获取结果,需要在回调函数中获取

setState({count:this.state.count + 1},()=>console.log(this.state.count)})

2:在合成事件和生命周期钩子中,是异步更新的

3:在原生事件和setTimeout中,是同步的,可以马上获取更新后的值

五:组件生命周期变更,react16.3为界限,新的版本移除了部分

六:键(Key)的使用:在循环渲染列表时,需要为每个列表项提供唯一的键(Key)。忘记或错误地设置键可能导致渲染错误或性能问题

七:条件渲染:确保条件表达式的返回值是可预期的布尔值

八:父组件数据更新导致子组件重新渲染