Loop в реакции скрывает другие элементы

Question

у меня есть это в функции визуализации: (кофе-скрипт)

unless @state.loaded 
    React.createElement('h1', {}, 'Loading') 
else 
    React.createElement('h1', {}, 'Blog') 
    for year in @blogYears() 
    React.createElement(BlogYear, {year: year, content: @state.content, key: year}) 

h1 не отображается на всех, но если я закомментируйте петлю он делает h1. Я не вижу никаких признаков h1 в инструментах реагирования dev.

Почему это происходит?

Answer 1

Будет возвращен только последний выполненный оператор, в вашем случае это результат цикла for.

Решение: Оберните h1 и петлю в div.

Совет: Вы можете написать более CoffeeScript-иш кода (не проверен):

React.DOM.div {}, 
    React.DOM.h1 {}, 'Blog' 
    @blogYears.map (year) -> 
    React.createElement BlogYear, 
     year: year 
     content: @state.content 
     key: year