Reactjs 无状态功能组件中的页面标题

Reactjs 无状态功能组件中的页面标题,reactjs,jsx,Reactjs,Jsx,如何在无状态功能组件中实现这一点?我试过这个,但不起作用: ComponentName.componentDidMount=()=>document.title=“谁是马可?” 其中组件名称如下所示: export const Life = ({sayHello="Ciao"}) => ( ) 您可以在render方法中使用类似于更改标题的内容,这将使组件保持无状态。不过,这确实意味着要在项目中添加依赖项,这对于满足您的需求来说可能有些过头了 const HelloWorld = ({

如何在无状态功能组件中实现这一点?我试过这个,但不起作用:
ComponentName.componentDidMount=()=>document.title=“谁是马可?”
其中组件名称如下所示:

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

)

您可以在render方法中使用类似于更改标题的内容,这将使组件保持无状态。不过,这确实意味着要在项目中添加依赖项,这对于满足您的需求来说可能有些过头了

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

通过功能组件,您可以使用

比如说,

useEffect(() => {
  document.title = "Who's Marco?"
}, []);

在useffect中添加空数组只调用函数一次,就像
componentDidMount
生命周期方法一样。

如果要使用React生命周期方法(例如
componentDidMount
)然后您的组件不再是无状态的,因此现在是有状态的。哦,这很遗憾,但thanksI将其更改为类,但是
ComponentName.componentDidMount=()=>document.title=“谁是Marco?”
仍然无法工作……您需要这样的东西:-这将使文档标题成为
Ciao这是否回答了您的问题?我将其更改为一个类,但是
ComponentName.componentDidMount=()=>document.title=“谁是马可?”
仍然无法工作。。。