Создайте компонент реакции для пользовательской кнопки scrollToEnd и добавьте их в WebChat с помощью Composer

Question

Я бы хотел настроить кнопку ScrollToEnd с помощью компонента React и composer в веб-чате. Прямо сейчас я скачал код чата BotFramework и изменил приведенный ниже файл и его работу. Те же функции, которые я хотел бы реализовать с помощью компонента React.

import {
  StateContext as ScrollToBottomStateContext
} from 'react-scroll-to-bottom';

import classNames from 'classnames';
import React from 'react';

import connectToWebChat from '../connectToWebChat';
import Localize from '../Localization/Localize';

const ScrollToEndButton = connectToWebChat(
  ({ scrollToEnd, styleSet }) => ({ scrollToEnd, styleSet })
)(({ className, scrollToEnd, styleSet }) =>
  <input
    className={ classNames(
      styleSet.scrollToEndButton + '',
      (className || '') + ''
    ) }
    onClick={ scrollToEnd }
    type="image"
    src = "https://www.acai-hub.com/tenants/mcdonalds/images/path20.png"
   />
)

export default props =>
  <ScrollToBottomStateContext.Consumer>
    { ({ sticky }) => !sticky && <ScrollToEndButton { ...props } /> }
  </ScrollToBottomStateContext.Consumer>

Может ли кто-нибудь помочь мне добавить это, поскольку я новичок в реакции?