当前位置: 首页> 游戏> 攻略 > 企业形象vi设计公司_地推平台_全网推广_短视频拍摄剪辑培训班

企业形象vi设计公司_地推平台_全网推广_短视频拍摄剪辑培训班

时间:2025/7/11 8:50:43来源:https://blog.csdn.net/BLU_111/article/details/143431397 浏览次数:0次
企业形象vi设计公司_地推平台_全网推广_短视频拍摄剪辑培训班

State变量 & 渲染和提交

  • State 变量
    • state 变量的使用
    • State 是隔离且私有的
  • 组件渲染


State 变量

state 变量的使用

  • 导入 useState
import { useState } from 'react';
  • 定义一个 state 变量
const [index, setIndex] = useState(0);

useState 的唯一参数是 state 变量的初始值
在这个例子中,index 的初始值被 useState(0) 设置为 0

  • 调用 setter 函数修改变量
function handleClick() {setIndex(index + 1);
}

state setter 函数 (setIndex) 可以更新 state 变量并触发 React 重新渲染组件

State 是隔离且私有的

State 是组件实例内部的状态。如果你渲染同一个组件两次,每个副本都会有完全隔离的 state,改变其中一个不会影响另一个。


组件渲染

  • 初次渲染

当应用启动时,会触发初次渲染。React 会调用根组件,通过 render 函数 递归完成所有所需组件的渲染。

import Image from './Image.js';
import { createRoot } from 'react-dom/client';const root = createRoot(document.getElementById('root'))
root.render(<Image />);

对于初次渲染, React 会使用 appendChild() DOM API 将其创建的所有 DOM 节点放在屏幕上。

  • 状态更新时重新渲染

通过 set 函数 更新组件状态来触发重新渲染。React 会调用内部状态更新触发了渲染的函数组件。
对于重渲染, React 将应用最少的必要操作(在渲染时计算),以使得 DOM 与最新的渲染输出相互匹配。

关键字:企业形象vi设计公司_地推平台_全网推广_短视频拍摄剪辑培训班

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

责任编辑: