查找所有类型为reactjs的组件

Find all components with type in reactjs

本文关键字:reactjs 组件 类型 查找      更新时间:2023-09-26

我在使用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。我想我可能使用的功能不正确,但我不确定我错在哪里。

TestUtils.scryRenderedComponentsWithType(renderedTree, {function})

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

因此,您的变量Wrapper可以工作,但字符串"Wrapper"不行。