我有一个包含四个组件的包装器,所以当我执行 console.log(wrapper.find(LabeledInput).debug());
时,记录如下:
<LabeledInput label="Tenant ID" placeholder="Add a tenant" value="infor" onEnter={[Function]} updateValue={[Function]} />
<LabeledInput label="Store ID" placeholder="Add a store" value="12345" onEnter={[Function]} updateValue={[Function]} />
<LabeledInput label="Server" placeholder="Add account endpoint" value="test" onEnter={[Function]} updateValue={[Function]} />
<LabeledInput label="test Link" placeholder="Add OCH link" value="http://www.test.com/" onEnter={[Function]} updateValue={[Function]} />
如何从上面的日志中获取第三个元素?我尝试了 console.log(wrapper.find(LabeledInput).childAt(2));
但它失败了,说 Error: Method “childAt” is only meant to be run on a single node .相反找到了 4 个。
我正在使用 Enzyme 的浅层渲染 API。
有什么想法吗?
最佳答案
(wrapper.find('LabeledInput').at(2))
应该可以解决问题。请注意 LabeledInput
周围的引号以及使用 at
。
关于javascript - 如何使用 enzyme 在 PhantomJS 中获取第二个元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46571300/