如何生成多個DOM元素從react.rb組件

Question

我試圖讓下面的代碼工作：

class HelloWorld < React::Component::Base 
    # stuff 
    def render 
    div { "hello" } 
    div { "goodby" } 
    end 
end 

，但我不斷收到此錯誤：

Exception raised while rendering #<HelloWorld:0x489> RuntimeError: a components render method must generate and return exactly 1 element or a string

Answer 1

React.rb組件（如react.js）只能渲染單個根元素。

要生成你需要用的元素在一個div多個元素，例如：

class HelloWorld < React::Component::Base 
    # stuff 
    def render 
    div do 
     div { "hello" } 
     div { "goodby" } 
    end 
    end 
end