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

时间:2017-05-24 10:34:29

标签: reactjs jsx

如何在无状态功能组件中执行此操作?我尝试了这个,但它不起作用: ComponentName.componentDidMount = () => document.title = "Who's Marco?" ComponentName的位置如下:

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

)

2 个答案:

答案 0 :(得分:0)

您可以使用react-helmet之类的内容来更改render方法中的标题,这样可以使您的组件保持无状态。这确实意味着为您的项目添加依赖项,并且可能对您的需求而言过度。

mylist = ['hello', 'there', 'world']
for i in mylist:
    outputfile = open('%s.csv'%i, 'a')
    print('hello there moon', file=outputfile)
    outputfile.close()

答案 1 :(得分:0)

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

例如,

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

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