Как мне украсить функцию из простой библиотеки чата React? - PullRequest
0 голосов
/ 20 марта 2019

Я использую компонент ChatBot из библиотеки React-Simple-Chatbot. Компонент имеет функцию с именем triggerNextStep. Я хотел бы украсить функцию triggerNextStep .

Расширение не работает, так как я получаю сообщение об ошибке, если позвоню super.

class WrappedChatBot extends ChatBot {
  triggerNextStep = (...args) => {
    console.log("hello");
    super.triggerNextStep(...args)
  }
}

Чтение. Я обнаружил, что способ реагирования - это использовать компонент высокого порядка. С этой целью я попробовал это:

var wrapChatBot = (componentClass) => {
  return class extends componentClass {
    triggerNextStep(...args) {
      console.log("hello you")
      super.triggerNextStep(...args)
    }
  }
}

const WrappedChatBot = wrapChatBot(ChatBot)

Используя приведенный выше код, приложение работает нормально, но я не вижу, чтобы "здравствуй, ты" был зарегистрирован на консоли. Кажется, просто игнорировать HoC. Имеет ли значение заказ? Что-то мне не хватает в моем синтаксисе?

...