const [state, setState] = useState({ num: 0 }); // 直接更新数据 const doing = () => { setState({ num: 1 }) console.log(state);// { num: 0 } 数据未更新 } // 使用函数返回更新数据 const doing = () => { setState(() => { ... return{ num: 1 } }) console.log(stat...
1、初始化数据state 2、JSX模板 3、数据+ 模板生成虚拟DOM(虚拟DOM就是一个JS对象,用它来描述真实的DOM)(损耗性能) 4、用虚拟DOM的结构生成真实DOM来显示 hello jsx 5、state 发生改变 6、数据 + 模板 生成新的虚拟DOM (极大提高性能) [‘div’ ,{ id:'abc },[‘span’,{},‘bye bye’]] 7、...
1. 调试发现直接更新数据、使用函数返回更新数据、使用async/await异步等待获取 数据都不能及时更新 解决方案: const[state,setState]=useState({num:0});// 直接更新数据constdoing=()=>{setState({num:1})console.log(state);// { num: 0 } 数据未更新}doing()useEffect(()=>{console.log(state);//...
调试发现直接更新数据、使⽤函数返回更新数据、使⽤async/await异步等待获取数据都不能及时更新 解决⽅案：const [state, setState] = useState({ num: 0 });// 直接更新数据 const doing = () => { setState({ num: 1 })console.log(state); // { num: 0 } 数据未更新 } doing()useEffect...