欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

React傳值 組件傳值 之間的關(guān)系詳解

 更新時間：2019年08月26日 09:45:59   作者：渺茫大海  
這篇文章主要介紹了React傳值 組件傳值 之間的關(guān)系詳解,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下

react 組件相互之間的傳值：

傳值分父級組件傳值給子組件 子組件傳值給父組件 平級組件、沒有嵌套的組件相互傳值

1.父組件向子組件傳值

父組件通過屬性的形式來向子組件傳值，子組件通過props來接受父組件傳遞過來的參數(shù)

//子組件
class list extends React.Component{
  constructor(props){
    super(props); // 初始化可以不用管
  }
  render(){
    return(
      <div>
       <div>{this.props.nameall}</div>
      </div>
    )
  }
}
//父組件
class App extends React.Component{
  render(){
    return(
      <div>
        <list content="item"/>
      </div>
    )
  }
}

2.子組件向父組件傳值

子組件和父組件通信傳值的話，子組件調(diào)用父組件傳遞過來的方法，從而實(shí)現(xiàn)

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

最新評論