Handlebars + React.js: как заставить работать?

#javascript #reactjs #handlebars

В практических целях решил попробовать использовать хэндлбарс с реактом, но никак
не могу заставить работать.

К примеру, как данный код сделать рабочим? И есть ли смысл на проекте использовать
реакт и хэндлбарс?

render: function () {
    var data = this.state.previewData;

   // ??????????
   // Handlebars.compile();

    return 

                
           
}

    

Ответы

Ответ 1

Можно, сама недавно этим баловалась от скуки. А уж стоит или нет, смотри сам.

Репозиторий на github



Пример работы плагина

Компилирует это:


    text1
    {{variable1}}
    {{#if variable2}}text2{{else}}text3{{/if}}
    text4



В это:

React.DOM.div(null,
    "text1",
    this.props.variable1,
    this.props.variable2 ? React.DOM.span(null,
        "text2"
    ) : "text3",
    React.DOM.span({"data-attr":(this.props.variable3 ? "value1" : "") + " value2"},
        "text4"
    )
);


Ответ 2

Для рендеринга голого HTML есть параметр dangerouslySetInnerHTML. На самом деле он
видимо и предназначен для поддержки нестандартного рендеринга.

Но если вы пишете новый код, не адаптируете legacy, то обходить встроенный метод
рендеринга будет совершенно неправильно! Это одна из главных частей Reactа: проигнорировав
ее вы выкинете и много полезного.