javascript - 如何在 PreactJS 中包含外部 javascript 库?

标签 javascript reactjs algolia preact

我目前是一个基于 preactJS 和 algolia 的小项目?我发现 reactjs 有 algolia 组件,但不幸的是,preactjs 没有 algolia 组件。这就是为什么我的问题是如何将 algolia javascript 文件包含到 preactjs 中?

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

最佳答案

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

yarn add preact-head

然后就可以指定标准的头元素,如脚本、元等。应用程序.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>
            );
        }
    }

关于javascript - 如何在 PreactJS 中包含外部 javascript 库?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45708784/

相关文章:

javascript - 将 API key 设置为 XMLHttpRequest 的 header

javascript - 如何从字符串值调用作用域上的函数

swift - 如何使用 Algolia 按日期 "createdAt"进行过滤

python - 简单地将记录保存到algolia,无需objectID

reactjs - 如何更改创建 react 应用程序的基本网址?

swift - 某些 iOS 用户在过滤 Algolia 结果时遇到崩溃

javascript - 它不适用于带有 Parsley.js-2.0.0-rc4 的 data-parsley-mincheck ="2"

javascript - Angularjs,Promise 写得不好

javascript - 如何解决 React 警告 : Invalid argument supplied to oneOfType. 需要一个检查函数数组,但在索引 2 处收到未定义。?

javascript - 为具有核心和子模块的应用程序构建 Webpack