Lyrics

< More and better />

react性能优化

react 性能优化

react 组件优化

  1. 性能3 (不太好） 因为每一次render都需要Bind 一次

  2. 性能3 (不太好） 因为每次都要重新生成一个函数

  3. 推荐写法是在constroctor 里面绑定函数

async+await await 必须在 async 内部

同步代码

1
2
3
4
5
6
7
8
9
10
11
export function readMsg(from){
return async(dispatch,getState)=>{
	const res = await axios.post('/user/readmsg',{from})
	const userid = getState().user._id
		if(res.status === 200 && res.data.code ===0 ){
			const userid = getState().user._id
			dispatch(msgRead({userid,from,num:res.data.num}))
		}
		
	}
}

异步代码

1
2
3
4
5
6
7
8
9
10
11
12
13
export function readMsg(from){
	return (dispatch,getState)=>{
		//使promise 
		axios.post('/user/readmsg',{from})
			.then(res=>{
				const userid = getState().user._id
				if(res.status === 200 && res.data.code ===0 ){
					const userid = getState().user._id
					dispatch(msgRead({userid,from,num:res.data.num}))
				}
			})
	}
}