Есть ли рекомендуемый шаблон для передачи реквизитов для компонентов-потомков в React?
Ниже я передаю prop callback
дочернему компоненту:
Master = React.createClass({
render: function() {
return (
<div>
<ListComp items={this.props.items} callback={this.handleClick} />
</div>
);
}
});
ListComp = React.createClass({
render: function() {
this.props.items.forEach(function(item) {
items.push(<ItemView item={item} callback={this.props.callback} />);
}, this);
return (
<ul>{items}</ul>
);
}
});
И затем поддержка callback
передается компоненту-потомку:
ItemComp = React.createClass({
render: function() {
return (
<li><a onClick={this.handleClick} href="#">Link</a></li>
);
},
handleClick: function(e) {
e.preventDefault();
this.props.callback();
}
});
Правильно ли передавать пропуски дважды, как это, или я должен каким-то образом ссылаться на его наследование?
Я вижу метод transferPropsTo
в документах, и из регистрации он выглядит так, как будто я мог добраться до callback
от потомка через this.props.__owner__.props
, но эти двойные подчеркивания заставляют меня думать, что я не должен.