Как я могу вызвать метод внутри компонента, который обновлялся из сторонней библиотеки вact.js?

Question

Хорошо, я пытаюсь вызвать метод из другой библиотеки, называемой библиотекой xtk. Я протестировал код JavaScript сам по себе, и он прекрасно работает. Сейчас я просто пытаюсь создать реакцию компонента, который будет его запускать. Я новичок, когда дело доходит до js и реагирует, так что я, возможно, даже не задаю правильный вопрос здесь.

componentDidMount = function(){
  this.v = X.renderer3D(this.refs.v);
  this.v.container ='v';
  this.v.init();
  this.randF = X.mesh.randF(this.refs.randf);
  this.file.randF = '../Assets/rgrid.vtk';
  this.v.add(this.randF);
  this.v.render();
}

Где я, по сути, пытаюсь выполнить этот код javascript с этим кодомact.js.

window.onload = function() {

  // create and initialize a 3D renderer
  var r = new X.renderer3D();
  r.init();

  // create a new X.mesh
  var skull = new X.mesh();
  // .. and associate the .vtk file to it
  skull.file = 'http://x.babymri.org/?skull.vtk';
  // .. make it transparent
  skull.opacity = 0.7;

  // .. add the mesh
  r.add(skull);

  // re-position the camera to face the skull
  r.camera.position = [0, 400, 0];



  r.render();

};

Я постоянно получаю сообщения об ошибках, говоря, что render3D - это не класс, X - не конструктор и так далее. По сути, я провел последние несколько дней, пытаясь выяснить это в основном самостоятельно, поэтому любой совет, даже о том, где искать, был бы просто великолепен.

спасибо.

Answer 1

Хорошо, это заняло у меня много времени, чтобы понять, поэтому я хочу, чтобы другие люди не проходили через это.

Вы не можете просто установить xtk, вам нужно извлечь его из create-реагировать-app, удалить файл config.lock и все ваши модули, затем запустить на нем npm install и запустить на нем xtk install.

Тогда вы сможете его использовать.

Это просто способ использовать полноценные сторонние библиотеки без необходимости создавать все с нуля.