查找所有类型为reactjs的组件
Find all components with type in 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
。我想我可能使用的功能不正确,但我不确定我错在哪里。
TestUtils.scryRenderedComponentsWithType(renderedTree, {function})
这要求第二个实参是一个函数,而不是字符串。
因此,您的变量Wrapper
可以工作,但字符串"Wrapper"
不行。
相关文章:
- 在reactjs组件中预加载数据
- ReactJS组件中显示的视频未更新
- 当写入“;函数“;在ReactJS组件中
- 外部js文件中的Reactjs组件有时不会加载
- 将数据传回父组件的ReactJS组件无法工作
- Reactjs组件与onClick同时更新
- 谷歌地图标记作为Reactjs组件
- 通过“;类“"实例”;使用ReactJS组件代替“props”文字
- 将类对象传递给ReactJS组件
- 当将reactjs组件作为节点模块导出到npm时,我包括jsx还是js
- 简单的 reactjs 组件渲染无效 - 原因
- Reactjs 组件之间的通信
- 显示/隐藏 ReactJS 组件而不会丢失其内部状态
- 从该组件外部更新已渲染的 ReactJS 组件的正确方法
- 构建 ReactJS 组件,其中兄弟姐妹组件需要通信
- 传达两个 reactJS 组件
- ReactJs组件体系结构
- 在reactjs组件中将日期格式化为长
- 如何向 ReactJS 组件添加多个类
- ReactJS组件函数