Question

我目前是一个基于preactJS和algolia的小项目？我发现反应中有algolia成分，但遗憾的是，没有algolia成分用于preactjs。这就是为什么我的问题是如何将algolia javascript文件包含到preactjs中？

<script src="https://cdn.jsdelivr.net/instantsearch.js/1/instantsearch.min.js"></script>

Answer 1

Preact有组件Head。要安装它，请运行

yarn add preact-head

然后可以指定标准头元素，例如script，meta等.E.x。 app.js

import Head from "preact-head";

export default class App extends Component {

        render() {
            return (
                <div id="app">
                    <Head>
                        <meta name="Whatever" />
                        <script src="https://cdn.jsdelivr.net/instantsearch.js/1/instantsearch.min.js"></script>
                    </Head>

                </div>
            );
        }
    }

Answer 2

您可以动态插入脚本，试试这个：

{{1}}

Answer 3

您可以在head.html之间的index.html中添加它。在React中，index.html位于public/index.html 在Preact中，index.html位于src/index.html

<head>
<script src="https://cdn.jsdelivr.net/instantsearch.js/1/instantsearch.min.js"></script>
</head>

Answer 4

您可以安装软件包algoliasearch（如果软件包不正确，只需在https://npmjs.com上搜索所需的软件包）

现在，您可以在存在package.json的根目录级别执行npm install algoliasearch --save，并在模块中使用它，如下所示-

import algolia from 'algolia';

然后在代码中使用其方法。

如何在PreactJS中包含外部JavaScript库？

4 个答案: