I am trying to visualize a some files with React Vtk. I followed the example in https://kitware.github.io/vtk-js/examples/PolyDataReader.html and the corrections made on previous project here VTK.js, React, JavaScript: Load VTK files but my browser is blank. I don't know what i am getting please.
import React from 'react';
import '@kitware/vtk.js/Rendering/Profiles/Geometry';
import vtkActor from 'vtk.js/Sources/Rendering/Core/Actor';
import vtkFullScreenRenderWindow from 'vtk.js/Sources/Rendering/Misc/FullScreenRenderWindow/index';
import vtkMapper from 'vtk.js/Sources/Rendering/Core/Mapper';
import vtkPolyDataReader from 'vtk.js/Sources/IO/Legacy/PolyDataReader';
// import vtkPolyData from '@kitware/vtk.js/Common/DataModel/PolyData';
class App extends React.Component {
render() {
const fullScreenRenderer = vtkFullScreenRenderWindow.newInstance();
const renderer = fullScreenRenderer.getRenderer();
const renderWindow = fullScreenRenderer.getRenderWindow();
const resetCamera = renderer.resetCamera;
const render = renderWindow.render;
const reader = vtkPolyDataReader.newInstance();
reader.setUrl("1.vtk").then(() => {
const polydata = reader.getOutputData(0);
const mapper = vtkMapper.newInstance();
const actor = vtkActor.newInstance();
actor.setMapper(mapper);
mapper.setInputData(polydata);
renderer.addActor(actor);
resetCamera();
render();
});
return (
<div></div>
);
}
}
export default App;
I was expecting a display of the data on my browser but it is just blank