中文亚洲精品无码_熟女乱子伦免费_人人超碰人人爱国产_亚洲熟妇女综合网

當前位置: 首頁 > news >正文

四川網(wǎng)站建設培訓班百度助手下載安裝

四川網(wǎng)站建設培訓班,百度助手下載安裝,中文wordpress視頻主題,ps做網(wǎng)站的效果圖React 組件 組件是什么 ##### 概念:一個組件就是用戶界面的一部分,它可以有自己的邏輯和外觀,組件之間可以相互嵌套,也可以多次復用。 在 React,一個組件就是首字母大寫的函數(shù),內(nèi)部存放了組件的邏輯和視…

React 組件

組件是什么

##### 概念:一個組件就是用戶界面的一部分,它可以有自己的邏輯和外觀,組件之間可以相互嵌套,也可以多次復用。

React,一個組件就是首字母大寫的函數(shù),內(nèi)部存放了組件的邏輯和視圖 UI,渲染組件只需要把組件當成標簽書寫即可


// 定義一個組件
function MyButton() {// 組件的內(nèi)部邏輯和視圖 UIreturn <button>Click me</button>
}// 使用組件
function App() {return (<div><MyButton /></div>)
}

## `useState`的基礎使用

useState是React提供的Hook,可以讓我們在函數(shù)組件中維護狀態(tài)。

它允許我們向組件添加一個狀態(tài)變量,從而控制影響組件的渲染結(jié)果。

本質(zhì):和普通 js 變量不同,狀態(tài)變量一旦發(fā)生變化組件的視圖UI也會跟著變化
/*** 項目的根組件** useState 狀態(tài)管理** 實現(xiàn)一個計數(shù)器按鈕*/import { useState } from "react";export default function App() {// 1. 調(diào)用 useState 狀態(tài)管理函數(shù),創(chuàng)建計數(shù)器狀態(tài)和更新計數(shù)器狀態(tài)的函數(shù)const [count, setCount] = useState(0);// 2. 實現(xiàn)計數(shù)器按鈕的點擊事件const handleClick = () => {/*** 作用:1. 用傳入的新值修改 count*       2. 重新使用新的 count 值渲染組件*/setCount(count + 1);};// 3. 渲染計數(shù)器按鈕和當前計數(shù)器值return (<div><h1>計數(shù)器:{count}</h1><button onClick={handleClick}>點擊增加</button></div>);
}
  1. useState 是一個函數(shù),返回值是一個數(shù)組。
  2. 數(shù)組中的第一個參數(shù)是狀態(tài)變量,第二個參數(shù)是 set 函數(shù),用來更新狀態(tài)變量。
  3. useState 的參數(shù)將作為 count 的初始值。

useState 的修改狀態(tài)規(guī)則

狀態(tài)不可變

React 中,狀態(tài)被認為是只讀的,我們應該始終替換他而不是修改它,直接修改狀態(tài)不能引發(fā)視圖更新

const [count, setCount] = useState(0);const handleClick = () => {// count++; // 錯誤,不能直接修改狀態(tài)/*** 作用:*  1.用傳入的新值修改 count*  2.重新使用新的 count 值渲染組件*/setCount(count + 1);
}
修改對象狀態(tài)

##### 規(guī)則:對于對象類型的狀態(tài)變量。應該始終傳給 set 函數(shù)一個新的對象來進行修改。

const [obj, setObj] = useState({ name: "張三", age: 20 });const handleClick = () => {// 錯誤,不能直接修改對象// obj.name = 'Join'// 正確,傳給 set 函數(shù)一個新的對象setObj({...obj, name: 'Join' });
}
http://www.risenshineclean.com/news/48960.html

相關文章:

  • 制作網(wǎng)站模板的發(fā)展空間網(wǎng)站搜索引擎優(yōu)化工具
  • 動態(tài)網(wǎng)站開發(fā)采用的關鍵技術百度入口網(wǎng)頁版
  • 西安做百度網(wǎng)站的上海職業(yè)技能培訓機構(gòu)一覽表
  • 南昌網(wǎng)站建設優(yōu)化推廣費用百度指數(shù)分析報告案例
  • 寧波做網(wǎng)站哪家公司好網(wǎng)站設計公司蘇州
  • 武漢市二手房交易合同備案在那個網(wǎng)站上做呀如何讓網(wǎng)站快速收錄
  • 網(wǎng)站制作 牛商網(wǎng)外鏈查詢工具
  • 手把手教做網(wǎng)站網(wǎng)站優(yōu)化策略
  • 做京東網(wǎng)站需要哪些手續(xù)費企業(yè)推廣app
  • l網(wǎng)站建設線上營銷手段
  • 國外效果超炫網(wǎng)站北京seo優(yōu)化診斷
  • 河北網(wǎng)站建設排名優(yōu)化哪家專業(yè)
  • 網(wǎng)站怎樣免費推廣網(wǎng)絡營銷專業(yè)課程
  • 杭州裝飾網(wǎng)站建設互聯(lián)網(wǎng)營銷的方法
  • 有什么做動畫的網(wǎng)站seo的英文全稱是什么
  • 男生做網(wǎng)站編輯全球搜是什么公司
  • wordpress 插件 kf5谷歌關鍵詞優(yōu)化怎么做
  • wex5做視頻網(wǎng)站廣東疫情最新數(shù)據(jù)
  • 太原整站優(yōu)化搜索優(yōu)化軟件
  • 網(wǎng)站cname解析seo排名優(yōu)化培訓網(wǎng)站
  • 百度seo優(yōu)化公司旺道網(wǎng)站排名優(yōu)化
  • python怎么做專門的手機網(wǎng)站百度免費網(wǎng)站制作
  • 微信企業(yè)網(wǎng)站文件外鏈
  • 好看免費的ppt模板下載做百度seo
  • 商務型企業(yè)網(wǎng)站建設近期的重大新聞
  • 樂清網(wǎng)站建設費用網(wǎng)上培訓機構(gòu)
  • 網(wǎng)站加密傳輸怎么做搜索引擎優(yōu)化需要多少錢
  • 瑞麗網(wǎng)站建設百度網(wǎng)站排名優(yōu)化價格
  • 大連哪家公司做網(wǎng)站網(wǎng)絡推廣的調(diào)整和優(yōu)化
  • 網(wǎng)站建設銷售發(fā)展前景seo百家論壇