Реагировать Муравьиные модальные реквизиты неопределенных

Question

Я использую Муравей модальный дизайн .когда я нажимаю ОК в диалоговом окне подтверждения.Я получаю сообщение об ошибке типа props of undefined, где, когда я использую за пределами подтверждения, он работает нормально.

Код:

confirm({
    title: 'Do you Want to delete these items?',
    content: 'Some descriptions',
    onOk() {
      this.props.actions.delete()
    },
    onCancel() {
      console.log('Cancel');
    },
  });

Ошибка :

TypeError: Невозможно прочитать свойство 'props' неопределенного

Демонстрация: https://codesandbox.io/s/k94004l1wv

Answer 1

Хотя другой ответ был отмечен как принятый, я чувствую, что он не решает реальную проблему.Проблема в том, что функция onOk (и onCancel) не связаны.Значение this будет undefined.Решите это, явно связав ссылку на класс: .bind(this), или заменив onOk на функцию стрелки, которая возьмет this из внешней области видимости.

См. Также: https://github.com/ant-design/ant-design/issues/5269#issuecomment-347836625

Answer 2

Я не вижу this.props.actions.delete в codeSandbox.Но я хочу исправить то, как ты делаешь

Взгляни на этот исправленный песочница , чтобы лучше понять, как действовать в реакции