React.js 赋值并使DOM更新
- useState 不能过多定义使用，建议定义一个全局使用，类似微信小程序定义数据
- var [data, setState] = useState({ … obj }) 把所有数据定义在里面 类似微信小程序定义数据和更新数据方式
- setState(res => ({ …res, data })); 浅拷贝刷新整个数据 Demo自动随异步着更新
- 取值则 data.xxx
- 赋值则 data.xxx = xxxx
- 再次引用刷新 setState(res => ({ …res, data })); //固定方法无需改变，类似微信更新数据 this.setState()
- useState 不能过多定义使用，所以这个方法最佳
import React, { useState,useReducer } from 'react'; //导入
function App() {
var [data, setState] = useState<any>({ name:'xx' });//把所有数据定义在里面
data.name = '你好'; //赋值
//useState 不能过多定义使用，建议定义一个全局使用，类似微信小程序定义数据
setState(res => ({ ...res, data }));//刷新整个数据 //必须更新第一层数据才触发更新DEMO
//数组追加
setState(State => ({ ...State, listData: [...lists, ...newlists] }));
//删除数组
data.listData.splice(index, 1)
setState(State => ({ ...State, listData: JSON.parse(JSON.stringify(listData)) }))
}
//更新对象类
setUser(res => ({ ...res, name:"xxxx" }))
//更新数组
setList({ ...arrlist});
setList([ ...arrlist]); 586 Views
