Я хотел рекурсивно добавить реагирующий компонент из своего собственного компонента. Я видел этот пример древовидного компонента, который сопоставлялся через дочерние TreeNodes и таким же образом добавлял дочерние узлы. К сожалению, для меня это вообще не работает. Идея заключалась в том, чтобы иметь простой компонент комментариев, и ответы будут использовать один и тот же компонент.
var Comment = React.createClass({
render: function() {
return (
<div className="comment">
{/* text and author */}
<div className="comment-text">
<span className="author">{this.props.author}</span>
<span className="body" dangerouslySetInnerHTML={{__html: this.props.body}} />
</div>
{/* replies */}
<div className="replies">
{
this.props.replies.map(function(reply) {
<Comment body={reply.body} author={reply.author} />
}.bind(this))
}
</div>
</div>
);
}
});
Появляется следующее сообщение об ошибке:
Неподготовлено TypeError: не удалось создать "комментарий": используйте "новый" оператор, этот конструктор объекта DOM нельзя вызывать как функцию.
здесь приведен пример данных JSON, переданных компоненту.
{ "author" : "Some user",
"body" : "<div>Great work</div>",
"replies" : [ { "author" : "A user replying",
"body" : "<div Yes it was great work</div>"
},
{ "author" : "Another user replying",
"body" : "<div It really was great work!</div>"
}
]
}