React傳值 組件傳值 之間的關系詳解

時間:2019-08-26來源/作者:渺茫大海 編輯:源碼庫 文章熱度:

react 組件相互之間的傳值:

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

1.父組件向子組件傳值

父組件通過屬性的形式來向子組件傳值,子組件通過props來接受父組件傳遞過來的參數

//子組件
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.子組件向父組件傳值

子組件和父組件通信傳值的話,子組件調用父組件傳遞過來的方法,從而實現

React,組件傳值,傳值

React,組件傳值,傳值

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持ASPKU源碼庫。


注:相關教程知識閱讀請移步到JavaScript/Ajax教程頻道。
下一篇:沒有了
相關JavaScript/Ajax教程
熱門標簽

JavaScript/Ajax教程Rss訂閱JavaScript/Ajax教程搜索

大乐透家破人亡