正如我从我的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)