opal react.rb传入proc作为param用作回调

时间:2016-01-05 15:52:10

标签: opalrb react.rb

我似乎无法回想起将一个proc传递给react.rb中的一个组件的参数,有人会提醒我吗?

对不起,如果我的问题措辞严厉,我有点累了。

1 个答案:

答案 0 :(得分: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>