在 reactjs 中使用 npm uuid

Question

我有一个地方需要使用 npm uuid 包来生成唯一 ID。安装uuid包后，用法如下：

 const uuid = require('uuid/v1');
uuid();

但我有错误说：

 [eslint] Unexpected require(). (global-require)

我的功能如下：

 someFunction = (i, event) => {
   if(someCondition) {
       //generate some unique id
       const uuid1 = require('uuid/v1');
       uuid1();
       //call some function and pass this id
       someFunction2(uuid1);
    } else{
      //generate some unique id
       const uuid2 = require('uuid/v1');
       uuid2();
       //call some function and pass this id
       someFunction2(uuid2);
    }

在 ReactJs 中使用 require 的最佳方式是什么。

原文由 Michael Philips 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

尝试这个：

 import React from "react";
import ReactDOM from "react-dom";
import uuid from "uuid";

function App() {
  return (
    <div className="App">
      <h1>{uuid.v4()}</h1>
    </div>
  );
}

const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);

这是一个工作示例： https ://codesandbox.io/s/0pr5vz48kv

原文由 You Nguyen 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

截至 2020 年 9 月， 我首先通过将类型安装为

纱线添加@types/uuid

然后作为

import React from "react";
import ReactDOM from "react-dom";
import { v4 as uuidv4 } from 'uuid';

function App() {
  return (
    <div className="App">
      <h1>{uuidv4()}</h1>
    </div>
  );
}

const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);

如果此代码以后不起作用，请参阅 官方文档的这一部分。

原文由 DevLoverUmar 发布，翻译遵循 CC BY-SA 4.0 许可协议