如何使用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 found instead.

我正在使用Enzyme的Shallow Rendering API。

有什么想法吗？

Answer 1

(wrapper.find('LabeledInput').at(2))应该做到这一点。请注意LabeledInput周围的引号以及at。