React 第七章 條件渲染

2021-10-04 01:29:42 字數 967 閱讀 9934

根據條件渲染不同元件,可以實現元件的顯示與隱藏。

第一種:在函式內部通過屬性props條件的判斷,返回不同的元件,進行控制顯示隱藏。如果返回null則表示不展示隱藏。

//1,條件渲染

function usergreeting(props)

function guestgreeting(props)

//通過if判斷返回不同的元件進行展示渲染

function greeting(props)else

}reactdom.render(,document.getelementbyid('root'));

第二種:通過改變內部state進行重新執行render渲染函式,進行控制項的顯示與隱藏,和上面的例子一樣都是在函式內部通過變數判斷進行控制。

//2,使用元件內狀態state

function loginbutton(props)

function logoutbutton(props)

//通過更改state以及三目運算子 動態更新頁面元件 state以變則會呼叫render函式

class logincontrol extends react.component; }

buttonclick = () =>); }

render()

) }}

reactdom.render(,document.getelementbyid('root'));

第三種:通過在大括號內部使用 &&與運算子 或者三目運算子進行控制項是否顯示與隱藏

//3,在大括號中使用&& 運算子

function seyhello(props)

function seyhello2(props)

reactdom.render(,document.getelementbyid('root'));

python第七章 python教程(第七章)

字典和集合 字典是python中唯一,乙個對映型別 如何建立乙個字典,如下 dict dict 滲透 網路安全 怎麼理解字典呢?現實生活中的字典可以通過首字母進行查詢要查詢的漢子,python也可以這樣理解,通過 前的元素查詢到冒號後的元素。為什麼說字典是唯一乙個對映型別呢?看圖。對映型別區別與序列...

第七章 函式

1.ansi c 允許函式原型的使用,函式宣告提供給編譯器和之後的呼叫函式返回值型別,引數型別和數量的資訊,而k c用單獨的列表給出引數的型別,編譯器只記住函式的返回值型別,但不儲存函式的引數數量和型別 2.沒有return語句的函式,隱式的返回 3.函式的原型可以單獨放於乙個標頭檔案中,一定要具有...

第七章總結

7.2.2畫直線 畫直線使用cdc類的lineto 函式兩個過載版本 bool lineto int x,int y bool lineto point point 引數x y或point指定直線的終點位置,此函式從當前點到指定的終點之間畫一條直線,當前點包括在直線上,而終點不包括在直線上。如果畫線...