Тема: Snakeskin
Показать сообщение отдельно
  #492 (permalink)  
Старый 19.02.2015, 22:09
Аватар для Gozar
Отправить личное сообщение для Gozar Посмотреть профиль Найти все сообщения от Gozar
 
Регистрация: 07.06.2007
Сообщений: 7,504

kobezzza,
Реакт это не шаблоны, а компоненты. HTML там только в самой начальной точке.

Давай такой пример.
var Btn = React.createClass({
    propTypes: {
      value: React.PropTypes.string.isRequired,
      className: React.PropTypes.string.isRequired
    },
    render: function () {

        return (
            <div className={this.props.className}>{this.props.value}</div>
        )
    }
});

//React.PropTypes.string.isRequired - выдает ошибку, если мы забудем указать свойство


var Board = React.createClass({

    getInitialState: function() {
        return {
            className: "btn",
            value: "Кнопка"
        };
    },

    render: function () {

        return (
	    <Btn className={this.props.className} value={this.state.value} />
            <Btn className="btn-my" value="submit" />
        )
    }
});


Сообщение от Safort
мы поместили шаблонизатор в шаблонизатор, чтобы ты мог юзать шаблоны во время юзания шаблонов
__________________
Последний раз редактировалось Gozar, Сегодня в 24:14.
Ответить с цитированием