当前位置: 首页 > 面试题库 >

如何在React.js中更新元标记?

丌官高远
2023-03-14
问题内容

我正在react.js中处理单个页面应用程序,那么在页面转换或浏览器后退/前进时更新元标记的最佳方法是什么?


问题答案:

我在一个较旧的项目中使用了react-document-meta。

只需定义您的元值

const meta = {
    title: 'Some Meta Title',
    description: 'I am a description, and I can create multiple tags',
    canonical: 'http://example.com/path/to/page',
    meta: {
        charset: 'utf-8',
        name: {
            keywords: 'react,meta,document,html,tags'
        }
    }

并放置一个

<DocumentMeta {...meta} />

在回报



 类似资料:
  • 我在写React程序的时候,我使用useEffect钩子函数来更新路由转换后的标题,发现在Effect中的回调函数执行时,document.title打印值还是跳转之前的值,useEffect钩子函数是在Dom渲染完成后执行的,但此时不知道为什么标题未发生改变,可能是我的当时不对,怎样才可以实现? 代码如下: 如上,如何获取路由更新后的标题呢?

  • 问题内容: 我已经向React页面发出了请求,我需要从请求中获取标头。 我通过URL调用页面: http:// localhost / dashboard 然后设置标头,例如authcode = 1234。 然后,我使用以下路线加载页面: 是否有类似this.props.header的东西,我可以在页面构造函数中调用? 问题答案: 您无法通过javascript发送http请求而无法获取当前页面标

  • 问题内容: 我将JTree与TreeNode一起使用,它扩展了DefaultMutableTreeNode。当我添加新节点时,我无法更新JTree。任何帮助将不胜感激 问题答案: 仅添加到节点还不够,需要通知树。正确的方法是让模型负责添加/删除节点,因为它将在途中正确通知Tree。 如果使用DefaultTreeModel(如果尚未创建自己的TreeModel,则应该是JTree中使用的那个),则

  • 问题内容: 我已经在React中构建了一个组件,该组件应该在窗口滚动时更新其自身的样式以创建视差效果。 组件方法如下所示: 这是行不通的,因为React不知道组件已更改,因此该组件不会重新渲染。 我试过在组件状态下存储的值,并在滚动回调中调用。但是,这使滚动无法使用,因为这非常慢。 关于如何做到这一点的任何建议? 问题答案: 您应该在中绑定侦听器,这样,侦听器仅创建一次。您应该能够将样式存储在状态