react學習記錄 元件組合 巢狀和元件樹

我們定義了title和header兩個元件，並將title置入header元件當中，語法如下：

class title extends component 

}class header extends component 
}

現在讓元件多起來。我們來構建額外的元件來構建頁面，假設頁面是由header、main、footer幾個部分組成，由乙個index把它們組合起來。

import react,  from 'react';

import reactdom from 'react-dom';
class title extends component 
}class header extends component 
}class main extends component 
}class footer extends component 
}class index extends component 
}reactdom.render(
,  document.getelementbyid('root')
)

用 react.js 組建的房子

class house extends component 

}class room extends component 
}class bathroom extends component 
}class man extends component 
}class dog extends component 
}

React元件組合和巢狀

父子元件巢狀 父元件import react,from react import son from son 在父元件直接引入子元件 export default class father extends component div 子元件 import react,from react export...

react中的元件巢狀

元件巢狀 將子元件以標籤的形式寫在父元件的模板中。元件之間的通訊 子傳父子傳父 通過函式層層傳遞 點選h3 執行 fn 而 fn中去執行 onlick 函式而onlick 是來自於 props 的，props 中的onlick 又是ff 轉移去執行 ff把引數賦給 a 修改了 a的值。父傳子.使用p...

react學習記錄（四）

自閉了。以前以為我學過js，並且會js。現在我想說，我不會js，我可能只是聽說過js。我一直都知道js的三個組成部分 ecmascript bom dom 以前沒有怎麼在意，現在是真的知道js確實是3個部分。可能bom和dom的內容更加多一些。render handdelet 學了半天也沒有收穫什麼...