javascript - 在 reactjs 中查找所有类型为 type 的组件

Question

我无法使用 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 的数组。我想我可能错误地使用了该功能，但我不确定哪里出错了。

Answer 1

TestUtils.scryRenderedComponentsWithType(renderedTree, {function})

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

因此，您的变量 Wrapper 将起作用，但字符串 "Wrapper" 不起作用。