小编rea*_*hat的帖子

如何使用 Next/Head 渲染脚本

正如我从我的SO 问题中了解到的,我可以使用 next/head 在我的 React / Next JS 应用程序的组件中嵌入脚本标签。所以,我是这样处理的:

import React, { Component } from "react";
...
import Head from "next/head";
export const Lead = props => {
  return (
...
        <Head>
          <script
            class="3758abc"
            type="text/javascript"
            src="https://cdn2.fake.com/Scripts/embed-button.min.js"
            data-encoded="1234sdkljfeiASD9A"
          ></script>
        </Head>
...
  );
};

Run Code Online (Sandbox Code Playgroud)

不幸的是,没有任何渲染。我不知道我是否在这里遗漏了一些明显的东西......我正在使用 Next 9.1.7。

我的 _app.js 看起来像这样:


import App, { Container } from "next/app";
import Page from "../components/Page";
import { ApolloProvider } from "react-apollo";
import withData from "../lib/withData";

class MyApp extends App {
  static async getInitialProps({ …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs next.js

8
推荐指数
1
解决办法
2万
查看次数

标签 统计

javascript ×1

next.js ×1

reactjs ×1