Доступ к вложенному состоянию в ферменте

Question

Мое состояние выглядит следующим образом

this.state = { 
    potato: {
        chips: 'yum',
        fries: 'even better',
    }
}

Тогда я хочу получить доступ к fries.wrapper.state('potato') Выведи меня на первый уровень, как глубже?Это не

• wrapper.state('potato').state('fries')
• wrapper.state('potato', 'fries')
• wrapper.state(['potato', 'fries'])
• wrapper.state('potato').fries
• wrapper.state('potato')['fries']

Когда я делаю

const potato = wrapper.state('potato');

, а затем

console.log(potato);

я получаю

{
     chips: 'yum',
     fries: 'even better',
}

Однако, доступ к нему через

console.log(potato.chips);
console.log(potato.fries);
console.log(potato.potato.chips)

все возвраты

undefined

Я не понимаю ...

Answer 1

Все, что вам нужно сделать, это сначала получить состояние и получить доступ к свойству, используя точечную запись.

т.е.

wrapper.state().potato.fries

wrapper.state('potato').fries

Вы также можете использовать скобочные обозначения.

т.е.

wrapper.state()['potato']['fries']

wrapper.state('potato')['fries']