类型错误：uuidv4 不是函数

Question

我在代码中遇到此 TypeError，有人可以帮助我吗？第 22 至 25 行似乎存在问题。此代码与打印待办事项列表有关。在这部分代码中，我将名称分配给列表。另外，在 Visual Studio 代码上，文件编译时没有任何错误，而当我启动 npm 时，此错误会显示在浏览器中。

'''

import React, { Component } from 'react';
import List from './List.js';
const uuidv4 = require('uuid');

class Lists extends Component {

  render() {
    // If there are no lists, display a relevant message
    if(this.props.lists.length === 0) {
      return (
        <div id="listsDiv" className="List">
          <h2>Add new lists to get started!</h2>
        </div>
      );
    }

    // Otherwise, for each list, create a div
    var items = this.props.items;
    var lists = this.props.lists;
    var addItem = this.props.addItem;
    return (
      <div key={uuidv4()}>
      {lists.map(function(listName) {
        return (
          <List name={listName} items={items[listName]} addItem={addItem.bind(this)} key={uuidv4()} />
        )
      })}
      </div>
    );
  }
}

export default Lists;

'''

Answer 1

您需要导入v4为uuidv4：

import { v4 as uuidv4 } from "uuid";

或者

const { v4: uuidv4 } = require('uuid');