最近專案一直在用react,所以把自己學的東西都總結下來。
在實際開發中,我們使用兩種資料來控制乙個元件:props和state。props是在父元件中指定,而且一經指定,在被指定的元件的生命週期中則不再改變。 對於需要改變的資料,我們需要使用state。
通過在不同的場景使用不同的屬性定製,可以盡量提高自定義元件的復用範疇。只需在render函式中引用this.props,然後按需處理即可。
下面是我寫的乙個textinput自定義元件:
import react from 'react';
class textinput extends react.component = this.props;
return (
}/>
);}}
textinput.proptypes = ;
textinput.displayname = 'textinput';
export default textinput;
一般來說,你需要在constructor中初始化state,然後在需要修改時呼叫setstate方法。
import react, from 'react';
import from 'react-native';
class blink extends component ;
// 每1000毫秒對showtext狀態做一次取反操作
setinterval(() => ;
});}, 1000);
} render()
);}}
render()
}
React之開發環境搭建
安裝cnpm來代替npm,並配置 映象 速度快 npm install g cnpm registry taobao org至此,react的基礎環境就搭建好了 安裝腳手架dva 我的理解dva就是類似乙個建立專案的嚮導 cnpm install g dva cli建立我們的第乙個專案 dva ne...
關於webpack和react的配合開發
最近在用react做移動前端ui框架,剛好要用到webpack進行模組打包,經過幾天的研究,發現webpack對於react真的是開發神器,尤其是熱載入這一塊,現在把這幾天的研究成果 入門篇 寫下來,希望對一些入門的新手有幫助。什麼是react 看到這篇文章的同學肯定已經對react有所了解,所以在...
twisted學習筆記之 綜述和reactor概述
reactor platform usage iocpreactor win32 from twisted.internet import iocpreactor iocpreactor.reactor.install from twisted.internet import reactor sel...