react-graph-vis:如何从一开始就使图形可用

时间:2018-08-07 04:42:03

标签: reactjs vis.js react-graph-vis

我有一个带有react-graph-vis图形的react应用程序:

render() {
    return (
      <div className="box">

      <Graph
            graph = {this.state.graph}
            events = {....}
            options = {...}
      />
  </div>
)

}

在TreeGraph中,我具有边缘和节点状态以及更新方法:

constructor(props) {
    super(props)
    this.state = {
        graph: {
                 edges: [],
                 nodes: []
        }
    }
}

该组件将在开始初始化图形时收到新状态:

componentDidMount(){

 ......

axios.post(url, data).then(res=>{

  this.setState({
        graph: {
                 edges: res.data.edges,
                 nodes: res.data.nodes
        }
  })
})

}

但是,当我得到一个节点时,该图不会在开始时显示。状态实际上有这个节点。仅当您单击画布时,才会显示唯一的节点。

如果我添加更多的节点/边缘也没问题。

我在开始时是否错过了一些激活图形的操作?谢谢,

0 个答案:

没有答案