-
類：導入進來，實例化，使用這個實例。 類是可以繼承的；構造方法和方法是可以重寫的。查看全部
-
如何使用ref呢？ ref屬性的定義是在使用組件的部分，而組件的方法之類的都是在定義組件的里面就有的。render方法被調用的時候，組件就會被渲染。渲染完成之后，就可以獲取這個組件實例啦，因而就可以調用組件實例里的方法或者變量啦。 定義組件的方式一 ref="reftest" this.refs.reftest 或者 this.refs[reftest] ， 這兩種方式都可以獲得當前的組件。 獲得當前組件的大小， let size = this.refs.reftest.getSize(); 定義組件的方式二 ref={reftest=>this.reftest=reftest} [當組件被渲染后，ref屬性reftest就有值啦，然后我們將它賦值給this.reftest 。接下來就可以使用this.reftest來獲取相應的方法] this.reftest 或者 this.refs['reftest'] ， 這兩種方式都可以獲得當前的組件。 這種方式定義，就可以這樣使用，var size = this.reftest.getSize();查看全部
-
ref是什么？ ref是組件的特殊屬性，組件被渲染后，指向組件的一個引用?？梢酝ㄟ^組件的ref屬性，來獲取真實的組件。 因為，組件并不是真正的DOM節點，而是存在于內存中的一種數據結構，稱為虛擬的DOM，只有當它真正的插入文檔之后，才變為真正的DOM節點。根據React的設計，所以的DOM變動都發生在虛擬DOM上，然后再將實際的部分反映到真實的DOM上--這就是 DOM DIff，它可以提高頁面性能。查看全部
-
state也可以吹氣球 （導入新的資源，都會報錯，因此需要將包管理器關掉，再重新啟動服務即可。） 如何控制state的變化呢，在文字上設置方法， onPress={ ()=> {this.setState ({ size:this.state.size+10}); }} 改變state的值是用 this.setState{size:90} <Image style={{width:this.state.size,height:this.state.height}} source={require('./qiqiu.png)} > 上述代碼就將 Image 的大小給渲染出來啦。(動態化的UI就有啦)查看全部
-
如何使用state 方式一、我們可以在組件的構造方法中，初始化組件的state。 constructor(props){super(props); this.state={size:80} } 初始化size，默認給它80. 方式二、直接在組件內，state={size：80}。不用寫在構造方法內。查看全部
-
什么是state props是不可改變，只讀的。為了實現交互，就需要用到組件的state。我們將組件看為狀態機，UI是各種各樣的狀態，并在各種各樣的狀態之間可以切換，只需要改變組件的state，就會重新渲染UI。 state是組件私有的，是沒有辦法通過其他組件傳遞過來的。查看全部
-
組件裝載，組件在渲染之前，會先調用默認的props，ES6就是，static defaultProps；接下來就是組件初始化，constructor（props）組件的構造方法；接下來是 componentWillMount組件在加載之前的方法；render完成組件的渲染；componentDidMount 組件渲染完成。接下來就進入運行階段啦。（一次調用） 組件更新，在運行中，如果組件的屬性發生了改變，就會調用 componentWillReceiveProps 會被調用，然后就會調用 shouldComponentUpdate ，詢問我們是否要渲染組件，如果返回FALSE的話，就不會渲染；如果是TRUE的話，就會調用componentWillUpdate重新渲染組件，然后render，再后來就完成更新啦componentDidUpdate（多次調用） 組件卸載，頁面關閉的時候，組件會被卸載，componentWillUnmount，可以完成資源的回收與釋放啦。（一次調用）查看全部
-
5.1 如何導出一個組件，如何使用導出的組件呢？ 導出 export default && 使用 import 5.2 如何導出一個變量或者常量，如何使用導出的變量或常量呢？ 導出 var const && export {name,age}; 使用 是要先導入組件，再用大括號里，引入變量，如 import EI,{name,age} from './EI' 5.3 如何導出一個方法，如何使用導出的方法 導出 export function sum () { } 導入 使用 是要先導入組件，再用大括號里，引入變量，如 import EI,{sum} from './EI' 第一個是默認導出的變量或方法，后面的大括號里放的是其他的除默認導出之外的組件、方法或者變量查看全部
-
6.1 什么是props props是屬性，它是為了描述組件的特征而存在的，它是父組件傳遞給子組件的。 6.2 如何使用props 屬性是只讀的；如果是上個頁面傳遞過來的屬性，就不能修改；但它可以在本頁面定義默認屬性。this.props.name 6.3 什么是默認屬性以及它的作用？ ES6利用 static defaultProps={ name:'小紅' }來定義默認屬性，這樣，當父組件沒有給子組件傳遞屬性時，就可以使用默認屬性。查看全部
-
6.4 如何對props進行約束和檢查 為了保證屬性的正確性，屬性檢查機制，比如屬性類型、屬性是否是必須的，防止其他亂傳參數。 static propTypes ={ name:PropTypes.string,age:PropTypes.number,sex:PropTypes.string.isRequired,} PropTypes是react包中的，記得導入進來呢。所以，目前的import有 React，{Component，PropTypes} from 'react'. 姓名是字符串，年齡是數字，性別是isRequired，也就是說必須指定的。 查看源碼，就可以看到，會檢查是不是 數組、布爾型、函數、字符串、數字、對象、符號等。 默認屬性和屬性檢查，是RN高級開發中所必須的，比如自定義組件。查看全部
-
6.5 props使用技巧--延展操作符 延展操作符是ES6中的新語法。當我要傳遞很多個屬性時， let params = {name:'張'，age:18, sex:'女' }； 使用的時候就是 <PropsTest name={params.name} sex={params.sex} />（但這個非常的復雜，代碼也會很長） <PropsTest { ...params } />（使用 大括號里放三個點 ...，然后接著 params 就可以在下一個頁面被使用了。 ）查看全部
-
6.6 props使用技巧--解構賦值 延展操作符是將屬性全部進行賦值，但如果只想取出部分來進行賦值，就可以使用解構賦值。 let params = {name:'張'，age:18, sex:'女' }； let {name,sex}=params; <PropsTest name={name} sex={sex} /> 它比傳統的方式好是它可以從一組屬性中獲取指定屬性，而且，少了一點點代碼。查看全部
舉報
0/150
提交
取消