屬性 props
屬性和狀態是react中資料傳遞的載體
屬性傳值
原版1 key-value形式 this.props取值
reactdom.render(,document.getelementbyid("box"))
2 展開式傳入 (只使用與物件)
var obj =
取值 this.props.name
reactdom.render(,document.getelementbyid("box"))
3 內部宣告getdefaultprops
建立時內部宣告
getdefaultprops(),
arr:[1,2,3]}}
4 es6 使用 元件.defaultprops --構造器（this.props.***）
1： dome.defaultprops=
2： constructor(props)
只能寫單個資料 不能以物件或者陣列的方式賦值
屬性值定義後不能修改（沒有事件修改）
新版1 key-value形式
2 展開式傳入
3 ers 使用 元件.defaultprops --構造器（this.props.***）
狀態 state
低版getinitialstate 初始狀態
getinitialstate()
}通過事件 改變狀態
tap())}高版
在constructor中通過this.state={}設定
constructor(props),
att:[1,2,3]}}
更改值借助事件
tap（）)
}this.state.str
傳值父元件->子元件的傳值
屬性和狀態 把父元件傳遞的資料以狀態值的形式儲存 通過在子元件標籤上繫結乙個屬性名 子元件內
部通過接受屬性的形式把值接受過來
class dome extends react.component
}tap())
}render()
class child extends react.component
render() )
}reactdom.render(,document.getelementbyid("box"))
子到父的傳值
子元件傳遞以函式的形式繫結到子元件標籤上屬性名的值 引數傳入的資料 父元件通過標籤狀態的存
儲進行賦值
class dome extends react.component
}render() )
}}class child extends react.component
tap()
render()
}reactdom.render(,document.getelementbyid("box"))
spa 單頁面
react 父子傳值 react
舉例說明 我現在建立乙個父元件parents 建立兩個子元件 children1，children2 然後將children1，children2巢狀進入parents中，然後渲染parents children1 如下 import react,from react let children1 c...
React元件傳值
父元件向子元件傳值 通過父元件的props屬性向子元件傳值 子元件 children.js import react,from react export default class children extends component render 父元件 parent.js import reac...
react 元件傳值
通過props實現 父元件parent import react from react import child from children class comment extends react.component render export default comment 子元件children...