带React的动态标题标题

Question

我想知道如何使用React只使用1个头文件来获得不同的标题？我不想为每个组件设置标题，但希望为每个更改的视图设置标题。有什么想法吗？

Answer 1

这就是道具的用途。

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

现在你有一个可重复使用的标题组件：

<Header title="Home" />

<Header title="About" />

<Header title="Contact" />