我有一个通用组件,它映射其子组件以仅过滤特定类型的子组件,如下所示。
但是,使用该属性 type
只是一个猜测,我无法找到它记录。不仅如此,记录它表明它是一个功能 - 无法执行。最重要的是,使用Browserify时需要解决几个问题。
另一种选择是读取child.prototype.displayName。但这也错了。
问:基本上,我正在寻找一种比较两个ReactJS组件是否相等的可靠方法。
例
(更新:毕竟不是那么糟糕)
var Foo = React.createClass({
render: function() {
return <div>Foo</div>;
}
});
var Bar = React.createClass({
render: function() {
return <div>Bar</div>;
}
});
var Main = React.createClass({
render: function() {
var filteredChildren = [];
filteredChildren = React.Children.map(function(child) {
if (child.type === Foo.type) {
return child;
}
});
return (
<div>
{filteredChildren}
</div>
);
}
});
React.render(<Main><Foo /><Bar /></Main>, document.body);