2016-01-02 23 views

回答

3

哇,它的工作原理!

下面是一個例子:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<script src="https://rawgit.com/reactive-ruby/inline-reactive-ruby/master/inline-reactive-ruby.js"></script> 
 

 
<div id="timer-target"></div> 
 

 
<script type="text/ruby"> 
 

 
class Ticker < React::Component::Base 
 

 
    before_mount do 
 
    state.ticks! 0 
 
    @timer = every(1) {state.ticks! state.ticks+1} 
 
    end 
 

 
    before_unmount do 
 
    @timer.stop 
 
    end 
 

 
    def render 
 
    div {"Seconds Elapsed: #{state.ticks}"} 
 
    end 
 

 
end 
 

 
Element['#timer-target'].render { Ticker() } 
 
</script>

相關問題