react 的props和state
生活随笔
收集整理的這篇文章主要介紹了
react 的props和state
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
props
當前組件的組件標簽身上的所有屬性和子節點構成的集合；
可以用來組件傳遞數據，一般用于父子組件之間；
this.props對象的屬性與組件的屬性一一對應，但對于組件標簽的子節點，this.props.children屬性的值有三種可能：
1、如果當前組件沒有子節點，為underfined；
2、如果有一個子節點，類型為object；
3、如果是多個子節點，就為array。
react提供一個工具方法，React.Chilren來處理this.props.children。可以用React.Chilren.map來遍歷所有子節點
?
state和props一樣。props是一個靜態值，一旦設定了就不需要改變，一般用于設定請求的網絡地址。
state是狀態值，可以通過this.setState方法修改狀態值，每次修改后，自動調用this.render方法，再次渲染組件。
getInitialState()方法用于定義初始狀態。
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title></title><script src="js/react.js"></script><script src="js/react-dom.js"></script><script src="js/browser.min.js"></script></head><body><div id="app"></div></body> </html> <script type="text/babel">let Hello = React.createClass({getInitialState(){ /*初始化狀態值*/return{content:"hello"}},update(){this.setState({ /*修改狀態值*/content:"Hello World"})},render(){return(<div><p>{this.state.content}</p><button onClick={this.update}>點擊修改</button></div> )}});ReactDOM.render(<Hello/>, document.getElementById("app")) </script>?
轉載于:https://www.cnblogs.com/guiyh/p/9393447.html
總結
以上是生活随笔為你收集整理的react 的props和state的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 四种Sandcastle方法生成c#.n
- 下一篇： bzoj 1045 [HAOI2008