Question

错误：未找到道具

我如何访问index.html页面中的反应道具。我想要呈现一些元标记属性的主页面。元标记来自后端。

我想在index.html中获取我的商店数据page.index.html不是一个组件，所以我该怎么办呢。

Answer 1

很难提供帮助，因为您首先没有提供任何代码。希望以下内容有所帮助

首先通过运行react-meta-tags安装npm i react-meta-tag --save。然后创建一个组件，如下所示：代码取自react-meta-tags

import React from 'react';
import MetaTags from 'react-meta-tags';

class Metas extends Component {
    render(){
        return (
          <div>
              <MetaTags>
                  <title>{props.title}</title>
                  <meta name="description" content={props.description} />
                  <meta property="og:title" content={props.og-title} />
                  <meta property="og:image" content={props.og-image} />
              </MetaTags>
          </div>
      )
    }
}

然后你可以在另一个组件中使用这个组件：

import React, {Component} from 'react'
import ReactDOM from 'react-dom'
import Metas from './Metas'

class UseMeta extends Component {
    render(){
        return(
            <Metas 
                title="Awesome website"
                description="Awesome description about my website"
                og-title="Another description"
                og-image="./public/img/awesome-image.png"
            />
        )
    }
}

ReactDOM.render（，document.getElementById（＆＃39; root＆＃39;））只要您的html中有UseMeta，id="root"就会自动添加到您的HTML中

<!doctype html>
<html lang="en">
  <head>
  </head>
  <body>
    <div id="root"></div>
    <script src="./UseMeta.js"></script>
  </body>
</html>

您可能需要使用babel。有关完整教程，请查看Setup React.js with Npm, Babel 6 and Webpack in under 1 hour

React js index.html反应道具

1 个答案: