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

當(dāng)前位置: 首頁(yè) > news >正文

基于web的網(wǎng)站開發(fā)技術(shù)路線seo優(yōu)化的基本流程

基于web的網(wǎng)站開發(fā)技術(shù)路線,seo優(yōu)化的基本流程,政務(wù)網(wǎng)站建設(shè)建議,東莞網(wǎng)站建設(shè)排名 南城在react中說(shuō)說(shuō)對(duì)受控組件和非受控組件的理解?以及應(yīng)用場(chǎng)景 回答思路:說(shuō)說(shuō)受控組件-->說(shuō)說(shuō)非受控組件-->應(yīng)用場(chǎng)景受控組件:非受控組件應(yīng)用場(chǎng)景 回答思路:說(shuō)說(shuō)受控組件–>說(shuō)說(shuō)非受控組件–>應(yīng)用場(chǎng)景 受控組件&#xff…

在react中說(shuō)說(shuō)對(duì)受控組件和非受控組件的理解?以及應(yīng)用場(chǎng)景

  • 回答思路:說(shuō)說(shuō)受控組件-->說(shuō)說(shuō)非受控組件-->應(yīng)用場(chǎng)景
    • 受控組件:
    • 非受控組件
    • 應(yīng)用場(chǎng)景

回答思路:說(shuō)說(shuō)受控組件–>說(shuō)說(shuō)非受控組件–>應(yīng)用場(chǎng)景

受控組件:

簡(jiǎn)單來(lái)講,就是受我們控制的組件,組件的狀態(tài)全程響應(yīng)外部數(shù)據(jù)
舉例:

class TestComponent extends React.Component{constructor(props){super(props);this.state = {username:'Tom'};}render(){return <input name="username" value={this.state.username}></input>	}
}

這時(shí)候當(dāng)我們?cè)谳斎肟蜉斎雰?nèi)容時(shí),會(huì)發(fā)現(xiàn)輸入的內(nèi)容無(wú)法顯示出來(lái),此時(shí)input標(biāo)簽是一個(gè)可讀的狀態(tài),因?yàn)関alue被this.state.username所控制,當(dāng)用戶輸入時(shí),this.state.username不會(huì)自動(dòng)更新,這樣的話input的內(nèi)容就不會(huì)發(fā)生變化了,想要解除被控制,可以為input標(biāo)簽設(shè)置onChange事件,觸發(fā)的時(shí)候更新state,從而導(dǎo)致input框內(nèi)容更新

非受控組件

簡(jiǎn)單來(lái)講,就是不受我們控制的組件,一般情況是在初始化的時(shí)候接受外部數(shù)據(jù),然后自己在內(nèi)部存儲(chǔ)自身狀態(tài),當(dāng)需要時(shí),可以使用ref查詢DOM并查找當(dāng)前值,如下:

import React,{Component} form 'react';
export class ExampleComp extedns Component{constructor (props){super(props);this.inputRef = React.createRef();}handleSubmit = (e) =>{console.log("獲取input框的值為:",this.inputRef.current.value);e.preventDefault();}render(){return (<form onSubmit={e => this.handleSubmit(e)}><input defaultValue="Tom" ref={this.inputRef} /><input type="submit" value="提交" /></form>)}
}

應(yīng)用場(chǎng)景

大多數(shù)推薦使用受控組件來(lái)實(shí)現(xiàn)表單,因?yàn)槭芸亟M件表單數(shù)據(jù)由React組件負(fù)責(zé)處理,非受控組件控制能力弱,表單數(shù)據(jù)由DOM本身處理,但更加方便快捷,代碼量少

特征不受控組件受控組件
一次性取值,如提交時(shí)
提交時(shí)驗(yàn)證
即時(shí)現(xiàn)場(chǎng)驗(yàn)證×
有條件地禁用提交按鈕×
強(qiáng)制輸入格式×
一個(gè)數(shù)據(jù)的多個(gè)輸入×
動(dòng)態(tài)輸入×
http://www.risenshineclean.com/news/52520.html

相關(guān)文章:

  • 做網(wǎng)上推廣網(wǎng)站免費(fèi)制作網(wǎng)站app
  • 分享類網(wǎng)站源碼軟文營(yíng)銷的步驟
  • 洞口做網(wǎng)站推薦seo優(yōu)化服務(wù)商
  • 在家做兼職的比較靠譜的網(wǎng)站青島網(wǎng)站建設(shè)制作
  • WordPress文章生成海報(bào)代碼seo推廣策略
  • 好的專題網(wǎng)站鏈接生成器
  • 做兼職的那個(gè)網(wǎng)站靠譜google國(guó)際版入口
  • 網(wǎng)上開店?duì)I業(yè)執(zhí)照怎么辦理百度網(wǎng)站優(yōu)化排名
  • 長(zhǎng)沙做網(wǎng)站哪里好2021小說(shuō)排行榜百度風(fēng)云榜
  • 全flash網(wǎng)站制作優(yōu)質(zhì)友情鏈接
  • 網(wǎng)站宣傳視頻瑞金網(wǎng)絡(luò)推廣
  • 佛山免費(fèi)網(wǎng)站制作免費(fèi)發(fā)布信息
  • 尋找網(wǎng)站優(yōu)化公司seo網(wǎng)絡(luò)推廣招聘
  • 淘寶找做網(wǎng)站搜索引擎網(wǎng)址
  • 免費(fèi)網(wǎng)站qq抓取百度下載安裝最新版
  • b2c的電子商務(wù)的網(wǎng)站建設(shè)焊工培訓(xùn)內(nèi)容
  • 公司專業(yè)做網(wǎng)站北京seo教師
  • 開發(fā)公司和施工單位電費(fèi)的處理整站seo教程
  • php做網(wǎng)站開發(fā)有什么框架地推拉新接單平臺(tái)
  • 網(wǎng)站建設(shè)策劃書google ads 推廣
  • 做h5那個(gè)網(wǎng)站好搜索引擎優(yōu)化與推廣技術(shù)
  • 在線生成sitemap網(wǎng)站的網(wǎng)址社群推廣平臺(tái)
  • 計(jì)算機(jī)網(wǎng)絡(luò)網(wǎng)站開發(fā)青島網(wǎng)站推廣關(guān)鍵詞
  • 大學(xué)網(wǎng)站模板html網(wǎng)絡(luò)推廣工作是做什么的
  • 用模塊做網(wǎng)站360網(wǎng)站收錄提交入口
  • 北方工業(yè)大學(xué)網(wǎng)站建設(shè)免費(fèi)html網(wǎng)站模板
  • 大香蕉網(wǎng)站人人做百度流量推廣項(xiàng)目
  • 晉城做網(wǎng)站的百度信息流廣告投放
  • 網(wǎng)站備案與域名備案seo是什么學(xué)校
  • 小程序就是做網(wǎng)站西安做推廣優(yōu)化的公司