ステートレス機能コンポーネントのページタイトル

Question

ステートレス機能コンポーネントではどうしますか？私はこれを試してみましたが、それは動作しません：コンポーネント名は、このようなものである ComponentName.componentDidMount =() => document.title = "Who's Marco?" ：

export const Life = ({sayHello="Ciao"}) => (

) 

Answer 1

あなたはステートレスなコンポーネントを維持する必要がありrenderメソッドでタイトルを変更しreact-helmetのようなものを使用することができます。これはあなたのプロジェクトに依存関係を追加することを意味しますが、あなたのニーズには過度の可能性があります。

const HelloWorld = ({name}) => (
    <div> 
    {`Hi ${name}`} 
    <Helmet> 
     <title>Who's Marco?</title> 
    <Helmet> 
    </div> 
);