Диаграмма Венна в React JS

Question

Я использую d3.js для создания диаграммы Венна в реакции JS.При попытке создать я использую модуль venn.Поэтому я использовал приведенный ниже код для начальной цели

 var venn = require("venn");
 venn.create([1,2]);   
 console.log(venn);

Во время выполнения проблемы появляется следующая ошибка

**Error: **define cannot be used indirect****


// Execute the module function
**modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId));**

, может кто-нибудь предложить мне решить эту проблему.

Answer 1

Как я уже упоминал в комментарии, вам нужно import вместо requiring.require - это синтаксис CommonJS, обычно встречающийся в NodeJS, тогда как react не имеет этого.Он использует import синтаксис ES6.

Вот что вы можете сделать:

1. Импортировать его.

import venn from "venn";

Используйте его внутри своего функционального компонента / компонента реагирования на класс, например:

let myVenn = venn.create([1, 2]);
console.log(m); // [1,2]

Кроме того, вот вам простая демонстрация , которую я создал для вас.Работает отлично.Проверьте секцию консоли внизу справа.