内射老阿姨1区2区3区4区_久久精品人人做人人爽电影蜜月_久久国产精品亚洲77777_99精品又大又爽又粗少妇毛片

react如何刪除dom元素

本篇內(nèi)容主要講解“react如何刪除dom元素”,感興趣的朋友不妨來看看。本文介紹的方法操作簡(jiǎn)單快捷,實(shí)用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“react如何刪除dom元素”吧!

成都創(chuàng)新互聯(lián)主要從事成都網(wǎng)站制作、成都做網(wǎng)站、網(wǎng)頁設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)懷寧,十載網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):13518219792

react刪除dom元素的方法:1、利用render生命周期來定義一個(gè)DOM節(jié)點(diǎn)變量;2、通過“onClickS(){this.setState({deled:false})}”實(shí)現(xiàn)刪除dom元素即可。

react 刪除(隱藏)和增加(顯示)元素 DOM節(jié)點(diǎn)

通常 刪除(隱藏)和增加(顯示) 很多人用css的display的none樣式來實(shí)現(xiàn) 這樣有個(gè)缺點(diǎn)F12直接改樣式就可以,非常不安全 我們應(yīng)該實(shí)現(xiàn)真正的刪除和增加 但是在react看來也可以叫渲染和不渲染這個(gè)組件這個(gè)dom

react有removeChild方法 但是沒有appendChild方法 so我們就只能通過render 結(jié)合state方法來更新頁面了

也就是利用render生命周期來定義一個(gè)變量 DOM節(jié)點(diǎn)變量

然后通過state來更新是否顯示的值

import React from 'react';
class Page2 extends React.Component {
    constructor(props) {
        super(props);
        this.state={
            deled:true
        }
        this.onClick=this.onClick.bind(this)
        this.onClickS=this.onClickS.bind(this)
      }
 //恢復(fù)
    onClick(){
        this.setState({
            deled:true
        })
    }
  //刪除
    onClickS(){
        this.setState({
            deled:false
        })
    }
    render() {
        const { deled} = this.state;
        var  showMap='';
        //三元表達(dá)式判斷deled的值來更新showMap
        deled==true?showMap=<img src={require('../image/joinwechat/s.png')}></img>:showMap=''//這是一張二維碼圖
        return (
            < >
                 <button onClick={this.onClickS}>點(diǎn)我刪除二維碼</button>
                 <button onClick={this.onClick}>點(diǎn)我恢復(fù)二維碼</button>
                    {showMap}
            </>
        )
    }
}
export default Page2;

到此,相信大家對(duì)“react如何刪除dom元素”有了更深的了解,不妨來實(shí)際操作一番吧!這里是創(chuàng)新互聯(lián)網(wǎng)站,更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢,關(guān)注我們,繼續(xù)學(xué)習(xí)!

網(wǎng)頁標(biāo)題:react如何刪除dom元素
網(wǎng)頁地址:http://www.rwnh.cn/article44/ghcshe.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供企業(yè)建站、網(wǎng)站維護(hù)、網(wǎng)站制作網(wǎng)站內(nèi)鏈、網(wǎng)站建設(shè)、外貿(mào)建站

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

成都定制網(wǎng)站建設(shè)
多伦县| 明水县| 塘沽区| 蕉岭县| 钟祥市| 华亭县| 武义县| 三原县| 论坛| 余庆县| 涪陵区| 五河县| 揭西县| 常州市| 吐鲁番市| 运城市| 闸北区| 东山县| 余江县| 五华县| 松潘县| 错那县| 织金县| 大名县| 荣昌县| 阿拉善左旗| 台江县| 南涧| 大悟县| 黔江区| 米易县| 建宁县| 闻喜县| 青州市| 琼海市| 静宁县| 长海县| 睢宁县| 南澳县| 会泽县| 吉首市|