ReAct 常用 的屬性

2021-07-07 03:42:51 字數 1307 閱讀 1936

如果元件有多個屬性 可以使用 這相當於 類似於 name= title=

元件的屬性可以在元件類的 this.props 物件上獲取

this.props 物件的屬性與元件的屬性一一對應,但是有乙個例外,就是 this.props.children 屬性。它表示元件的所有子節點

這裡需要注意, this.props.children 的值有三種可能:如果當前元件沒有子節點,它就是 undefined ;如果有乙個子節點,資料型別是 object ;如果有多個子節點,資料型別就是 array 。所以,處理 this.props.children 的時候要小心

react 提供乙個工具方法 

react.children

來處理 this.props.children 。我們可以用 react.children.map 來遍歷子節點,而不用擔心 this.props.children 的資料型別是 undefined 還是 object。更多的 react.children 的方法,請參考

官方文件。

此外,getdefaultprops 方法可以用來設定元件屬性的預設值。

但是,有時需要從元件獲取真實 dom 的節點,這時就要用到 ref 屬性(檢視 demo07 )。

var mycomponent = react.

createclass(

, render:

function()

/>

<

/div>);

}});

reactdom.

render(

>

, document.

getelementbyid(

'example'))

;

var inputtext = react.createclass(	   

return (

);

} });

alaska

hawaii

california

nevada

oregon

washington

arizona

元件與html混用

var inputselect = react.createclass(

);

} });

React事件屬性

一 簡介 二 滾動例子,滾動改變顏色 1 doctype html 2 html lang zh cn 3 head 4 meta charset utf 8 5 title react涓 殑浜嬩歡 title 6head 7 body 8 script src react 0.13.2 react...

React中的「計算屬性」

相信許多學習過vue的小夥伴對計算屬性都不陌生吧。計算屬效能幫我們資料進行一些計算操作,計算屬性是依賴於data裡面的資料的,在vue中只要計算屬性依賴的data值發生改變,則計算屬性就會呼叫。那react中也有計算屬性嗎?至少在官方文件中沒有提出計算屬性這個概念,但是我們想使用這個計算屬性該如何是...

react 操作元件上的屬性

import react from react var arr class component1 extends react.component 匯出元件 export default component1 import react from react import reactdom from r...