国产一区二区精品-国产一区二区精品久-国产一区二区精品久久-国产一区二区精品久久91-免费毛片播放-免费毛片基地

千鋒教育-做有情懷、有良心、有品質(zhì)的職業(yè)教育機構(gòu)

手機站
千鋒教育

千鋒學習站 | 隨時隨地免費學

千鋒教育

掃一掃進入千鋒手機站

領(lǐng)取全套視頻
千鋒教育

關(guān)注千鋒學習站小程序
隨時隨地免費學習課程

當前位置:首頁  >  技術(shù)干貨  > 如何在React中從狀態(tài)數(shù)組中刪除項

如何在React中從狀態(tài)數(shù)組中刪除項

來源:千鋒教育
發(fā)布人:syq
時間: 2022-10-08 16:10:00 1665216600

  在本文中,我們將學習如何輕松地從React中的狀態(tài)數(shù)組中刪除項。

  數(shù)組篩選器() 方法

  要在 React 中從狀態(tài)數(shù)組中刪除項,請在數(shù)組上調(diào)用 filter() 方法,指定數(shù)組中除要刪除的項之外的每個項都將通過的測試,然后使用 的結(jié)果 with 更新狀態(tài)。

10

11

  我們通過從回調(diào)返回一個條件來刪除帶有 的 fruit 對象,該條件僅適用于數(shù)組中沒有 2 的項。這樣做會從從 返回的數(shù)組中排除目標項。

12

  由于這里是一個函數(shù)式組件,我們使用 React 鉤子來創(chuàng)建初始狀態(tài)數(shù)組。第一個值返回允許我們訪問狀態(tài)數(shù)據(jù)。第二個值是用于更新狀態(tài)的函數(shù)(通常稱為 )。我們將一個函數(shù)傳遞給(此處命名)以確保獲得當前/最新狀態(tài)。

13

  提示: 當根據(jù)當前狀態(tài)數(shù)據(jù)計算新狀態(tài)時,始終將函數(shù)傳遞給。setState

  不要直接在 React 中修改狀態(tài)

  請注意,嘗試通過使用如下函數(shù)直接修改項來從數(shù)組中刪除該項將不起作用:

14

  狀態(tài)在 React 中是不可變的,因此我們無法通過改變數(shù)組來更新數(shù)組。它必須替換為從 返回的新數(shù)組,以便更新視圖。filter()

  基于多個條件從狀態(tài)數(shù)組中刪除項

  如果需要根據(jù)多個條件從狀態(tài)數(shù)組中刪除某個項,可以使用邏輯 AND (&&) 或邏輯 OR (&&) 運算符。

  使用邏輯 OR (||)算子

  下面是使用邏輯 OR () 運算符從狀態(tài)數(shù)組中刪除項的示例。

15

  將一組操作數(shù)與運算符組合在一起,如果至少有一個操作數(shù)的計算結(jié)果為 。通過將這個運算符與該方法一起使用,我們返回一個新數(shù)組,該數(shù)組僅包含等于 或 的水果對象。||truetruefilter()name'Orange''Apple'

  使用邏輯和 (&&) 運算符

  下面是使用邏輯 AND () 運算符從狀態(tài)數(shù)組中刪除項的示例:

16

  僅當所有操作數(shù)都為 時,操作數(shù)與運算符組合才產(chǎn)生 。&&truetrue

  通過將該方法與運算符相結(jié)合,我們能夠指定一個復合布爾表達式,該表達式刪除帶有 和 的水果對象。filter()&&id24

  使用德摩根定律簡化復合布爾表達式

  我們可以使用德摩根定律之一將前面的例子中的 AND 條件轉(zhuǎn)換為 OR 條件,并減少否定的次數(shù)。

17

  這種轉(zhuǎn)換可以使表達式更易于閱讀和理解。

tags:
聲明:本站稿件版權(quán)均屬千鋒教育所有,未經(jīng)許可不得擅自轉(zhuǎn)載。
10年以上業(yè)內(nèi)強師集結(jié),手把手帶你蛻變精英
請您保持通訊暢通,專屬學習老師24小時內(nèi)將與您1V1溝通
免費領(lǐng)取
今日已有369人領(lǐng)取成功
劉同學 138****2860 剛剛成功領(lǐng)取
王同學 131****2015 剛剛成功領(lǐng)取
張同學 133****4652 剛剛成功領(lǐng)取
李同學 135****8607 剛剛成功領(lǐng)取
楊同學 132****5667 剛剛成功領(lǐng)取
岳同學 134****6652 剛剛成功領(lǐng)取
梁同學 157****2950 剛剛成功領(lǐng)取
劉同學 189****1015 剛剛成功領(lǐng)取
張同學 155****4678 剛剛成功領(lǐng)取
鄒同學 139****2907 剛剛成功領(lǐng)取
董同學 138****2867 剛剛成功領(lǐng)取
周同學 136****3602 剛剛成功領(lǐng)取
相關(guān)推薦HOT
大數(shù)據(jù)測試工程師需要具備哪些技能?

一、理解大數(shù)據(jù)概念大數(shù)據(jù)測試工程師需要理解大數(shù)據(jù)的基本概念和原理,如分布式存儲、MapReduce、實時計算等。他們還需要了解如何處理大規(guī)模的...詳情>>

2023-10-14 23:43:03
為什么SpringBoot的 jar 可以直接運行?

一、JAR文件的結(jié)構(gòu)與執(zhí)行方式Spring Boot的JAR包是Java Archive的縮寫,它是一種壓縮文件格式,可以將Java項目的類文件、資源文件以及依賴庫等...詳情>>

2023-10-14 23:01:49
站群服務(wù)器是什么?

站群服務(wù)器的含義與用途站群服務(wù)器主要用于支持站群,即由一組相互鏈接的網(wǎng)站組成的群體。這些網(wǎng)站通常由同一組織或個人擁有,并且經(jīng)常會互相鏈...詳情>>

2023-10-14 22:46:12
自編碼器是什么?

一、自編碼器原理自編碼器的設(shè)計靈感源于神經(jīng)科學中關(guān)于感知系統(tǒng)的認知原理,它的核心思想是將輸入數(shù)據(jù)經(jīng)過編碼過程,形成一個隱藏層的特征表示...詳情>>

2023-10-14 22:41:10
什么是云網(wǎng)融合?

一、云網(wǎng)融合的定義云網(wǎng)融合是指將云計算與網(wǎng)絡(luò)技術(shù)相結(jié)合,實現(xiàn)資源的共享、業(yè)務(wù)的協(xié)同,將網(wǎng)絡(luò)與云端服務(wù)深度融合,提供更靈活、高效、安全的...詳情>>

2023-10-14 22:31:47