React 如何读区 Meta 标签 ？

作者站长头像
站长
· 阅读数 6
  • 如题怎么读取 [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>
回复
1个回答
avatar
test
2024-06-29
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;
回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引，对解决问题有帮助
  • 遵循 Markdown 语法排版，代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容