Javascript React聊天小部件道具未转发

我正在使用并尝试从小部件的

renderConstomComponent

函数呈现的自定义组件调用应用程序基类中的函数

下面是基类的代码：

import React, { Component } from 'react';
import { Widget, handleNewUserMessage, addResponseMessage, addUserMessage, renderCustomComponent } from 'react-chat-widget';
import 'react-chat-widget/lib/styles.css';
import Reply from './Reply.js';

class App extends Component {

  handleNewUserMessage = (newMessage) => {
      renderCustomComponent(Reply, this.correct);
  }

  correct = () => {
    console.log("success");
  }

  render() {
    return (
      <div className="App">
        <Background />
        <Widget
          handleNewUserMessage={this.handleNewUserMessage}
        />
      </div>
    );
  }
}

export default App;

根据这一点，这应该是可行的。但是，当我打印

this.props

对象时，它是空的，尽管

renderConstomComponent

方法的文档说明要渲染的组件的第二个参数是组件需要的道具（在本例中是父类函数）

---

我哪里出错了？

第二个参数被认为是道具，但它应该是一个对象。你会很快通过的

handleNewUserMessage = (newMessage) => {
      renderCustomComponent(Reply, {correct: this.correct});
}

handleNewUserMessage = (newMessage) => {
      renderCustomComponent(Reply, {correct: this.correct});
}