2016-01-05 29 views

回答

1

當然結賬http://reactrb.org/docs/reusable-components.html(約一半下來的頁面)或http://reactrb.org/docs/component-api.html

這裏是一個工作示例

<div id="container"></div> 
 
<script type="text/ruby"> 
 
class Alarm < React::Component::Base 
 
    param :at, type: Time 
 
    param :notify, type: Proc 
 
    after_mount do 
 
    @clock = every(1) do 
 
     if Time.now > params.at 
 
     params.notify 
 
     @clock.stop 
 
     end 
 
     force_update! 
 
    end 
 
    end 
 
    def render 
 
    "#{Time.now}" 
 
    end 
 
end 
 

 
Element['#container'].render do 
 
    Alarm(
 
    at: Time.now+10.seconds, 
 
    notify: -> { alert ('beep beep beep') } 
 
) 
 
end 
 

 
</script> 
 

 

 
<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>