web-dev-qa-db-ja.com

reactjsでnpm uuidを使用する

一意のIDを生成するためにnpm uuidパッケージを使用する必要がある場所があります。 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を使用する最良の方法は何ですか。

8
Michael Philips

これを試して:

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

19
Nguyen You

パッケージを常に要求する必要はありません。必要なのは一度だけで、必要な場所で使用します。

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

if (condition) {
    some_id = uuidv1();
    some_function(some_id);

} else {
    other_id = uuidv1();
    other_function(other_id);
}

それはそれと同じくらい簡単です。

1
Aravind

反応ではimportを使用します。

Nodejsプロジェクトでは「require」を使用します。

通常のnodejsプロジェクトでimportを使用する場合は、セットアップに「babel」が必要です。

0
Ping Woo