2 渲染及傳值

2022-09-16 04:57:11 字數 1391 閱讀 5316

基本渲染

將變數的值直接顯示到頁面中。在jsx中可以在大括號直接編寫

js**,如果是變數,則直接輸出。

function welcome(props) 

h1>

;}

列表渲染

可以通過使用 {} 在

jsx

內構建乙個元素集合

,key給陣列中的每乙個元素賦予乙個確定

唯一的標識,key 幫助 react 識別哪些元素改變了,比如被新增或刪除。因此你應當給陣列中的每乙個元素賦予乙個確定的標識

<

ul classname

="list"

>

>)

}

>

條件渲染

react中的條件渲染和

j**ascript

中的一樣,使用

j**ascript

運算子if

或者條件運算子去建立元素來表現當前的狀態,然後讓

react

根據它們來更新

ui

function userinfo(props) = props;

if(user) 頭像

div>

) }

return (

<

div><

a href

="#"

>親,請登入

a>

div>

)}

元件傳值

//元件名稱必須首字母大寫

function mycom(props)

//返回乙個模板

return

<

h1>

h1>;}

let msg = 'hello'; //父元件

reactdom.render(

<

mycom

msg=

age="12"

/>,document.getelementbyid('root'))

引數的傳遞,父子元件通訊

1.在子元件使用的時候,寫屬性名

=屬性值。這裡的屬性名和屬性值,會存到

props

物件中。在函式宣告元件,

props

在函式的形參這裡。

2.在子元件的內部,可以使用

傳遞字串

傳遞數字

3  //是錯誤的寫法,只會傳入最後乙個值

傳遞布林型別

傳遞陣列型別

1234

傳遞物件

YII 框架,渲染,傳值

public function actionactivate card 1.建立控制器裡面的方法,以action加方法名命名。2.如果不需要渲染公共頭部,則 this layout false html頁面 3.使用增刪改查,在將資料渲染在頁面上 和tp5傳值差不多 return this rend...

jquery struts2傳值及異常處理

最近專案使用jquery strtus2的互動方式。之前對於傳值和異常處理沒有統一的規範,現在整理了一下感覺清晰很多,記錄下來。首先是action方法 獲取角色列表json methods name getrolelistjson create in may 26,2011 by lee void ...

JSP學習 傳值2

客戶端的session其實是標記了你的請求來自哪個瀏覽 器,每乙個客戶端的session都是不同的 問題一 在同乙個客戶端中session永遠都一樣嗎?答 每一次重啟瀏覽器,你的session id就會發生改變,結果會導致,再也無法取回原來在服務斷奶儲存的資料.注意 有各種各樣的瀏覽器,沒開啟乙個不...