react native中對props和state的理解


最近使用react native這個新的技術做完一個項目,所以趕緊寫個博客鞏固一下。

今天我想說的是props和state,當然這是我個人的理解,如果有什么不對的地方,望指正。

首先我先說說props。先看看官網是怎么介紹的:大多數組件在創建時就可以使用各種參數來進行定制。用於定制的這些參數就稱為props(屬性)。比如說除了組件本身的一些屬性外,今天我想說一下這個使用props來進行傳遞數據。

class LotsOfGreetings extends Component { render() { return ( <View style={{alignItems: 'center'}}> <Greeting name='Rexxar' /> <Greeting name='Jaina' /> <Greeting name='Valeera' /> </View> ); } }

上面這個組件,name我們就是通過這個props進行傳遞的,在Greeting頁面中通過this.props.name來獲取,注意這里的名稱name一定要相同,否則會找不到,對於初學着來說,像我剛剛接觸的時候,我是這樣獲取的,let name = this.props;注意,這樣是會報undefind這個錯誤,
必須要這樣才能獲取到,let {name} = this.props;
props對於初學者來說,因為我是做android的,所以剛剛接觸props我是將它理解為類似於android中的bundle,這樣的一個包。



下面說一下這個state,先看看官網上是怎么說的:我們使用兩種數據來控制一個組件:propsstateprops是在父組件中指定,而且一經指定,在被指定的組件的生命周期中則不再改變。 對於需要改變的數據,我們需要使用state。這是官網的原話。我們知道這個組件是有生命周期的,但是有時候我們想改變某些數據,比如某時候對某些控件的隱藏與顯示。
最直觀的理解,你可以這樣理解,狀態,控件都是有狀態的,我們通過狀態的改變從而刷新整個頁面。state值一單會有改變,系統就會刷新,從未實現數據的更新。




免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM