如何在不使用按钮的情况下重定向到另一个组件

时间:2017-11-13 14:38:39

标签: javascript reactjs meteor react-router

我正在使用库来渲染甘特图。此图表提供了一个处理按钮单击的js事件。我需要在该事件中路由或渲染另一个反应组件。那么......如何在该事件中渲染到我的组件的路径?我正在使用反应路由器和流星。

render() {
gantt.config.buttons_left=["dhx_save_btn","dhx_cancel_btn","dhx_delete_btn"];    
gantt.config.buttons_right = ["go_task_btn"];
gantt.locale.labels["go_task_btn"] = 'VER';
gantt.attachEvent("onLightboxButton", function(button_id, node, e){
      if(button_id == "go_task_btn"){
          var idTask = gantt.getState().lightbox;


         //HERE I WAN TO REDIRECT OR RENDER ANOTHER 
         // REACT COMPONENTE     



      }
  });

return (
  <div>
    <Toolbar
        zoom={this.state.currentZoom}
        onZoomChange={this.handleZoomChange}
    />
    <div className="gantt-container">
      <Gantt
        tasks={data}
        zoom={this.state.currentZoom}
        onTaskUpdated={this.logTaskUpdate}
        onLinkUpdated={this.logLinkUpdate}
      />
    </div>
     {/*<MessageArea messages={this.state.messages}/> */}
  </div>
);  }}export default App;

1 个答案:

答案 0 :(得分:0)

您可以通过在渲染外部创建一个函数,将所有代码放在其中并在返回时调用此函数来实现此目的。