Дерево D3 не отображается с использованием React Typescript - PullRequest
Новая
       38

Дерево D3 не отображается с использованием React Typescript

1 голос
/ 11 марта 2020

Я использую React с Typescript. У меня есть класс компонента, который вызывает настроенный метод D3 Javascript.

Если я добавлю этот тег div в индекс. html, он будет работать, появится дерево. Но я не хочу использовать какой-либо тег в индексе. html. Затем я переместил тег в App.txs, чуть выше компонента D3Engine, дерево больше не появляется. 

<div class="chart-container" style=" width:1200px; height:800px "> </div>

D3Engine.tsx 

import * as tree from '../content/js/visualizationEngine'
import React from "react";

interface D3EngineProps {
    data:any;
}
interface D3EngineState {}

class D3Engine extends React.Component<D3EngineProps, D3EngineState>{
    render(){
        tree.draw(this.props.data);
        return 1;
    }
}
export default D3Engine;

App.tsx 

  return (
    <div className="App">
      <div className="chart-container">
        <D3Engine data={_data}></D3Engine>
      </div>
    </div>
  );
}
...