公共元件的抽取 page title

我們在開發的時候，難免遇到公共元件的開發，這時為了復用，可以開發乙個公共的模組，那麼react怎麼開發公共元件呢？

需求：開發公共的page-title元件

1.靜態模版先寫好（html+css)

1-父元件引入，渲染，傳值

import react from 'react';

import './index.css';
import pagetitle from 'component/page-title/index.jsx';
class home extends react.component 
}export default home;

//作為容器式接收剩餘部分，類似vue插槽

thymeleaf公共頁面元素抽取

使用thymeleaf的 th fragment 為樣抽取的公共片段命名，如下把div標籤命名為 copy，就可以獲取到div整個裡的內容 模板名 選擇器 模板名 片段名 insert的公共片段在div標籤中 如果使用th insert等屬性進行引入，可以不用寫 行內寫法可以加上 三種引入公共片段的...

thymeleaf公共頁面元素抽取

1 抽取公共片段 2011 the good thymes virtual grocery 2 引入公共片段 模板名 選擇器 模板名 片段名 或者 div id copy1 2011 the good thymes virtual grocery div div th insert footer c...

thymeleaf公共頁面元素抽取

thymeleaf公共頁面元素抽取1 抽取公共片段 2 引入公共片段 模板名 選擇器 模板名 片段名 3 預設效果 insert的公共片段在div標籤中 如果使用th insert等屬性進行引入，可以不用寫 行內寫法可以加上 三種引入公共片段的th屬性 th insert 將公共片段整個插入到宣告引...