在reactjs中查找所有类型的组件

时间:2015-08-18 17:15:17

标签: javascript reactjs

我无法使用scryRenderedComponentsWithType

按类型查找组件

代码:

describe('Layout', function() {
    it('test', function(done) {
        var Wrapper = React.createClass({
            render: function() {
                return <div className="testWrapper">Hello <span>Jim<div>hi<ul><li><div><span></span></div></li></ul></div></span></div>;
            }
        });

        var TestWrap = React.createClass({
            render() {
                return (
                    <div>
                        <p>Test this </p>
                        <Wrapper />
                    </div>
                );
            }
        })

        var renderedTree = TestUtils.renderIntoDocument(<TestWrap />);
        var renderedMyComponent = TestUtils.scryRenderedComponentsWithType(renderedTree, 'Wrapper');
        console.log(renderedMyComponent.length);
        done();
    });
});

此测试的输出返回数组长度0。我想我可能错误地使用了这个功能,但我不确定我哪里出错了。

1 个答案:

答案 0 :(得分:2)

TestUtils.scryRenderedComponentsWithType(renderedTree, {function})

这要求第二个参数是函数,而不是字符串。

因此,您的变量Wrapper将起作用,但不会起作用"Wrapper"