• <button id="miwm2"><object id="miwm2"></object></button>
  • <span id="miwm2"><pre id="miwm2"></pre></span>

      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教程搜索

      撸吧撸吧