基本渲染
將變數的值直接顯示到頁面中。在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就會發生改變,結果會導致,再也無法取回原來在服務斷奶儲存的資料.注意 有各種各樣的瀏覽器,沒開啟乙個不...