2017-03-01 22 views
0

在React中重寫jQuery的trigger()的最佳方式是什麼?如何在React中重寫jQuery的trigger()?

當組件裝載失敗時,我需要觸發一個元素。

$(document).trigger('timer'); 

這怎麼能在React中轉載?

componentDidMount(){ 
    $(document).trigger('timer'); 
} 

trigger()不起作用。

+0

閱讀關於flux或者redux :) –

+0

http://tech.oyster.com/using-react-and-jquery-together/ – anvk

回答

0

您可以使用state來告訴組件何時掛載;我假設你可以建立一個安裝時開始的計時器。

import Loading from...; 
import React from 'react'; 

export default class Timer extends React.Component { // eslint-disable-line react/prefer-stateless-function 
    constructor(props) { 
     super(props); 
     this.state = { 
      timer: false 
     }; 
    } 
    componentWillMount() { 
       this.setState({ timer: true }) 
      } 
    render() { 

     return({ this.state.timer ? <Timer /> : <Loading/> }); 
    } 
}