React 屬性和狀態的一些總結

react 屬性和狀態的一些總結

一、屬性

1、第一種使用方法：鍵值對

//陣列

//定義乙個函式

2、第二種方法：三個點的展開物件形式

var props =

增加三個引號相當於這裡面拿到兩個屬性了（one和two）

3、setprops形式：通過元件更新屬性，不能在元件內部中修改屬性的，因為會違背元件設計原則（盡量避免）

var instance =react.render(,document.body);

instance.setprops();

二、狀態：事物所處的狀況，由事物自行處理不斷變化／事物的私有屬性

getinitialstate：初始化每個例項特有的狀態

setstate:更新元件狀態

setstate會觸發diff演算法：判斷state和頁面結果的區別，是否需要更新

三、狀態和屬性對比

狀態和屬性都會觸發render更新，都是純js物件

屬性：本身是不能自己去修改的，只能從父元件獲取屬性，父元件也能修改它的屬性

根本的區別：元件在執行時需要去修改維護的就是狀態

四、簡單的demo熟悉一下：

//內容元件

22var

content

=react.createclass(;

27},

28handlechange:

function

(event));

30},

31handleclick:

function

(),34

render:

function

() placeholder ="

please input something!

"><

/textarea>

38<

button onclick

=>

sumbit

<

/button>

39<

/div>;

40},

41});

4243

//44

varcomment

=react.createclass(;

50},

51handleselect:

function

()54

);55

},56

render:

function

()>

<

/option>)

61};

62return

<

div>

63<

content selectname

=>

64<

/content>

65<

select onchange

=>

6667

<

/select>

68<

/div>;

69},

70});

7172

//start render

73react.render(

<

comment

><

/comment>,document.body);

74script

>

75body

>

76html

>

react 屬性和狀態的一些總結

React 屬性和狀態的一些總結

一 屬性 1 第一種使用方法 鍵值對 陣列 定義乙個函式 2 第二種方法 三個點的展開物件形式 var props 增加三個引號相當於這裡面拿到兩個屬性了 one和two 3 setprops形式 通過元件更新屬性，不能在元件內部中修改屬性的，因為會違背元件設計原則 盡量避免 var instanc...

react 中元件狀態的一些理解

元件狀態 即state 只有當state發生變化時，元件才會更新。當乙個html標籤的值依賴於state的值得時候，如果state的值沒有更新時，這個標籤的值無論如何也是不會更新的。看下面示例 class test extends react.component render this.state ...

Activity的一些相關屬性總結

1 獲取activity底層view getwindow getdecorview 例如 getwindow getdecorview setbackgroundcolor color.red 設定當前view的背景色為紅色 2 獲得螢幕的高度和寬度 getwindowmanager getdefa...