React 无法识别函数答案

【问题标题】：React doesn't recognize functionReact 无法识别函数
【发布时间】：2018-05-23 08:40:39
【问题描述】：

我正在尝试this tutorial for the react chat 并不断收到错误

TypeError: n.props.handleNewUserMessage is not a function

我尝试使用以下资源解决它：

这是我的代码：

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

class App extends Component {
  componentDidMount() {
    addResponseMessage("How can I help you?");
  }

  handleNewUserMessage = (newMessage) => {
    console.log(`New message incomig! ${newMessage}`);
    // Now send the message throught the backend API
    addResponseMessage('response');
  }

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


export default App;

我哪里出错了？

【问题讨论】：

handleNewUserMessage 你在哪里使用这个功能？您展示了它的声明，但我看不到您在哪里使用它，并且错误与此方法有关。看起来你应该这样做
你在哪里调用handleNewUserMessage

标签： javascript reactjs

【解决方案1】：

正如错误中提到的，您忘记将方法实际添加到道具中：

 <Widget
    handleNewUserMessage={this.handleNewUserMessage}
 />

【讨论】：