帶反應的動態標題標題

我想知道如何使用React只能使用1個標題文件來獲得不同的標題標題？我不希望每個組件都有一個標題，但想要爲每個已更改的視圖標題。有什麼想法嗎？帶反應的動態標題標題

2016-01-30 pertrai1

標題爲'document.title'？ –

不，更多的標題，我想爲每個文件 – pertrai1

新的反應，如何渲染共同的頭文件？ – sibi

這是道具的用途。

// Header.js 
const Header = ({ title }) => (
    <header> 
     <h1>{title}</h1> 
    </header> 
);

現在你有一個可重複使用的標題組件：

<Header title="Home" /> 

<Header title="About" /> 

<Header title="Contact" />

2016-01-30 23:51:25

太棒了！感謝您的分享 – pertrai1

這樣做很好，雖然有一個簡單的標題，但如果你有一個更復雜的標題，在每次更改路線/頁面時重新渲染它都不太好。 –

優化你的渲染超出了問題的範圍。無論如何，大部分頁面通常都會在路由更改時重新呈現。 –

回答