react入門筆記六 (元件私有資料-----state)
我們學習了props以後,就可以在子父元件之間傳值了;
但是有一個問題,就是子元件的資料全是從父元件傳遞過來的;
這就相當於,你是你父母的孩子,你會遺傳你父母的相貌,身高等等,這些東西都是你父母給你的
但是你也要自己獨有的一些東西比如性格,對世界的認識等等,
然後你自己獨有的這些東西,就相當於reat元件中的state
你遺傳下來的東西就是react元件中的props,所以不多bb,上程式碼
1.初始化state
需要實現getInitialState方法,返回一個物件,這個物件就是你初始化的statate物件
2.修改state值
state的值不能通過賦值語句直接賦值
(錯誤:)this.stats.isCheck = true;
只能通過setState函式去改變
(正確)this.setState({
isCheck = true;
});
3.props與state的異同
props與state都是元件的資料,元件都可以使用此元件
props只能讀,state可以讀寫
props是屬於父元件的,state是屬於本子元件自己的私有資料,並且本元件的子元件訪問不到
相關推薦
react入門筆記六 (元件私有資料-----state)
我們學習了props以後,就可以在子父元件之間傳值了; 但是有一個問題,就是子元件的資料全是從父元件傳遞過來的; 這就相當於,你是你父母的孩子,你會遺傳你父母的相貌,身高等等,這些東西都是你父母給你的 但是你也要自己獨有的一些東西比如性格,對世界的認識等等, 然後你自己獨有的這些東西
react入門筆記五 (元件傳值----------父傳子->props)
經過上面的學習,我們已經會了元件化的開發; 但是第四篇的專案有個致命的缺陷; 就是它的網站名,與a標籤的連結地址是靜態資料,是定死的,這也就是我們說的硬程式碼; 這樣的話,那我們在呼叫這個自定義元件的時候,所有的元件都是一樣的,這樣就沒有任何意義了; 所以現在讓我們開始讓元件內的資料
react入門筆記四 (元件巢狀)
經過前面的那些學習,我們現在已經瞭解了元件化的思想,現在讓我們來開始元件化的開發吧 例如我們現在實現這樣一個頁面 1.有一個p標籤,表示跳轉到的網站名 2.有一個a標籤可以跳轉 3.用一個div將上面的兩個元件容納進去 這個很簡單實現,一個父div,裡面裝一個p,一個a標籤就完事
react入門筆記七 (元件的生命週期)
生命週期分三個狀態 mounting(元件掛載階段) updating(元件更新) unmounting(元件移除) props與state 生命週期分四個階段 建立階
react入門筆記三(元件的樣式)
1.設定元件的樣式的型別 樣式定義的型別有三鍾方式: 內聯式 物件樣式 選擇器樣式 2.使用內聯的方式去定義元件的樣式 react使用內聯樣式定義時與h5的不同 樣例 3.使用物件的樣式去定義元件樣式 先定義樣式的物件 去模
react入門筆記二(元件的定義)
1.為什麼要使用元件化 元件化可以說是react的核心思想了,使用元件以後可以極大的降低耦合度,減少很多的冗餘程式碼的編寫,使用元件,就是將我們介面中重複出現多次的檢視提取出來,進行封裝,在我們後來的呼叫中碰到這樣已經封裝好的檢視就可以直接呼叫了,到時候寫介面就像完樂高積木一樣,輕鬆愉快了,需要
React Native學習筆記之--元件之間資料的傳遞和跳轉
React Native學習筆記之–元件之間資料的傳遞和跳轉 自定義屬性的定義方式和傳遞 假定元件ComponentA中的自定義屬性為 static props = { tit
React Native 筆記之元件
React Native的元件 什麼是React Native 元件? React Native 都有哪些元件? 建立元件的三種方式 [元件的生命週期](https://react.docschina.org/docs/react-compone
[Scala]學習筆記六——讀取外部資料
1.讀取檔案及網路資料 object ReadFileApp extends App { val file=scala.io.Source.fromFile("E:\\data\\hello.txt") //讀取指定檔案 //一行一行讀取檔案 def readLine
react入門筆記一(react工程的創立)
1.建立一個普通的h5介面,然後像引入jquery一樣去引用react相關的js檔案 2. 需要引入browser的js包,這個包的作用是將jsx的語法轉為js,關於jsx後面的博文再詳細說明,但是我們在react的開發中使用的都不是js語法而是jsx,所以需要這個包來解析jsx
React 入門筆記
簡單的JSX示例: 1.建立一個常量,通過{常量}鑲入標籤; const name='jacky'; const dom = <p>hello {name}</p> R
阮一峰react入門筆記
1、造樹。type=text/babel,逗號分離 2、jsx語法(遇到HTML標籤(以< 開頭),就用HTML規則解析;遇到程式碼塊(以{ 開頭),就用JavaScript規則解析)。 函式引數之間的空格,結尾不加分號,數組裡可放html;
架構師入門筆記六 初識執行緒安全鎖
import java.util.concurrent.locks.Condition; import java.util.concurrent.locks.ReentrantLock; public class UseManyCondition { private ReentrantLock lock
react native 子控制元件傳遞資料給父控制元件
/** * Created by fanxiaole on 17/3/24. * 需求 在子控制元件(select)中選擇性別 在父控制元件(form)中獲取這個值並提交 * */ //步驟 //1.建立父控制元件(form) 並新增子控制元件 同時利用
React 入門學習筆記整理(六)—— 元件通訊
1、父子元件通訊 1)父元件與子元件通訊,使用Props 父元件將name傳遞給子元件 <GreateH name="kitty"/> 子元件通過props接收父元件的值,並顯示 class GreateH extends React.Component{ static defa
React 學習筆記 (一)(建立元件、繫結資料、繫結屬性、迴圈資料、引入圖片)
使用 create-react-app 快速構建 React 開發環境 $ cnpm install -g create-react-app $ create-react-app my-app $ cd my-app/ $ npm start 建立元件、繫結資料、繫結屬性、迴圈資
linux多執行緒學習筆記六--一次性初始化和執行緒私有資料
pthread_key_t key; int pthread_key_create(pthread_key *key,void (*destructor)(void*)); int pthread_key_delete(pthread_key_t key); 該函式從TSD池中分配一項,將其值賦給key供以
量化交易入門筆記-資料獲取函式 二
gt_fundamentals() 函式 該函式可查詢一隻股票或多隻股票的財務資料,其語法如下: get_fundamentals(query_object, date=None, statDate=None) 引數解析: query_object : 這是
量化交易入門筆記-資料獲取函式 一
history()函式 history()獲取歷史資料,可查詢多個標的單個數據欄位,返回資料格式為 DataFrame 或 Dict(字典),其語法格式如下: history(count, unit='1d', field='avg',
06 React快速入門(六)——使用css樣式
在react中元件使用樣式主要有兩種方式:內聯式和外聯式。下面分別介紹兩種方式: 一、內聯式 使用內聯樣式,和html中差不多,不多在此處需要注意的是,通過sty