一意の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を使用する最良の方法は何ですか。
これを試して:
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
パッケージを常に要求する必要はありません。必要なのは一度だけで、必要な場所で使用します。
const uuidv1 = require('uuid/v1');
if (condition) {
some_id = uuidv1();
some_function(some_id);
} else {
other_id = uuidv1();
other_function(other_id);
}
それはそれと同じくらい簡単です。
反応ではimport
を使用します。
Nodejsプロジェクトでは「require」を使用します。
通常のnodejsプロジェクトでimport
を使用する場合は、セットアップに「babel」が必要です。