Question

我无法在使用react和Node.JS的网站中实现typed.js

我一直尝试为typed.js导入节点模块。这是我一直回想的基本语法，但是我似乎永远无法使它起作用。

is_permanent

我希望能够导入和处理数据。但是不断出现诸如TypeError的错误：typed.typed不是函数

Answer 1

存在多个问题：

软件包中没有typed函数，这是您需要初始化的类，这就是为什么在控制台中出现此错误的原因
您忘记将目标节点的ID作为第一个参数传递
您正在尝试将功能写入DOM

安装组件后，我将使用react生命周期执行lib。

使用ES6，您可以像这样工作：

import React, { Component } from 'react';
import Typed from 'typed.js';

const animateText = () => (
  new Typed('#typed', {
    strings: ["Text Data", "More Text Data"],
    typeSpeed: 70,
    backSpeed: 75,
    loop: true,
  })
);

// Class component so you can use `componentDidMount` lifecycle 
export default class AboutMe extends Component {
  componentDidMount() {
    // Will be executed after first `render`
    animateText();
  }

  render() {
    return (
      <div className="AboutMe">
        <h1>I am <span id="typed" /></h1>
      </div>
    );
  }
}

在此处观看其工作：https://codesandbox.io/s/react-sandbox-cs84i?fontsize=14

使用node_modules实现Typed.js遇到麻烦

1 个答案: