代码之家 › 专栏 › 技术社区 › PPShein

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

preact algolia reactjs javascript

PPShein · 技术社区 · 9 年前

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

4 回复 | 直到 9 年前

Mara 8 年前

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

yarn add preact-head

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>
            );
        }
    }

Nata Khitsan 9 年前

componentWillMount() {
    const script = document.createElement("script");
    script.src = "https://cdn.jsdelivr.net/instantsearch.js/1/instantsearch.min.js";
    script.async = true;

    script.onload = function() {
       // init your algolia code here
    }

    document.body.appendChild(script);
},

user6198643 user6198643 9 年前

你可以把它添加到你的索引中。头标记之间的html。 public/index.html 在序言中,索引。html位于 src/index.html

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

Srk95 7 年前

algoliasearch (如果包不正确,只需在以下位置搜索所需的包: https://npmjs.com )

npm install algoliasearch --save

import algolia from 'algolia';

然后在代码中使用它的方法。

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

1 年前

Alex · 在轻量级中同时解构和不解构变量

1 年前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

1 年前

bairog · 从按属性筛选的对象数组字典中创建值数组

1 年前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

1 年前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

user3472810 · Angular@Output/EventEmitter返回undefined

1 年前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

1 年前