• <legend id="m0ego"></legend>
  • <td id="m0ego"></td>
  • 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教程搜索