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=“谁是马可?”
仍然无法工作。。。