当前位置: 首页 > 知识库问答 >
问题:

react.js - React 如何读区 Meta 标签 ?

池庆
2023-08-10
  • 如题怎么读取 [VERSION] 这个 content 属性,只能用原生方法么?
<!DOCTYPE html><html lang="en">  <head>    <meta charset="UTF-8" />    <link rel="icon" type="image/svg+xml" href="/logo.png" />    <meta name="version" content="[VERSION]" />  </head>  <body>    <div id="root"></div>    <script type="module" src="/src/main.tsx"></script>  </body></html>

共有2个答案

司空瑾瑜
2023-08-10

是的....

长孙弘壮
2023-08-10
import React, { useEffect, useState } from 'react';const App = () => {  const [version, setVersion] = useState('');  useEffect(() => {    const metaVersion = document.querySelector('meta[name="version"]');    if (metaVersion) {      setVersion(metaVersion.getAttribute('content'));    }  }, []);  return (    <div>      <h1>Version: {version}</h1>    </div>  );};export default App;
 类似资料:
  • 我的facebook共享没有读取我的任何元标签。缺少以下必需属性:og:url、og:type、og:title、og:image、og:description、fb:app\u id。

  • 这是一个由脚手架创建的react项目,我想给项目配置别名 于是我npm run eject暴露配置,然后进行了配置,但是好像不管用,有人知道是为什么吗? 这是原来就定义好的路径 接着在配置中使用 但是不管用 这是报错内容 这是TS配置

  • 问题内容: 我需要的信息在meta标签中。何时可以访问meta标签的数据? HTML: 问题答案: 您可以使用此:

  • 这是 vue-meta 组件的一个特性, 具体请参考 HTML 头部设置指引。 为了避免子组件中的meta标签不能正确覆盖父组件中相同的标签而产生重复的现象,建议利用 hid 键为meta标签配一个唯一的标识编号。请阅读关于 vue-meta 的更多信息。 拿下面的例子来说,对于描述 meta 标签, 我们给 hid 属性设定一个唯一的标识值为:description, 当有组件定义了相同 hid

  • 问题内容: 我正在react.js中处理单个页面应用程序,那么在页面转换或浏览器后退/前进时更新元标记的最佳方法是什么? 问题答案: 我在一个较旧的项目中使用了react-document-meta。 只需定义您的元值 并放置一个 在回报

  • 最近看react fiber的文章,大致了解了fiber的一些原理,但也有个疑惑, 因为diff对比可以中断,假设在diff对比过程中用户有输入行为,这时候会优先执行输入这个任务,这个任务又会导致第二次diff对比,那么就有2次diff了,假设第一次diff要把输入框的内容改为1,第二次diff是要把输入框内容改为2,因为第二次diff优先级高,那么最终经过2次渲染,输入框的内容变成了1,和正常预