javascript - 如何使用 enzyme 在 PhantomJS 中获取第二个元素？

Question

我有一个包含四个组件的包装器，所以当我执行 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。

有什么想法吗？

Answer 1

(wrapper.find('LabeledInput').at(2)) 应该可以解决问题。请注意 LabeledInput 周围的引号以及使用 at。