Question

我曾经在聊天应用程序上工作，当其中一个答复的用户选项卡在聊天UI中显示为用户消息时，我想做一个功能，我想知道他选择了哪种快速答复，有人可以帮助我吗？这是下面的代码：

import React, { Component } from 'react';
import { StyleSheet, Text, View, Image } from 'react-native';
import { GiftedChat } from 'react-native-gifted-chat';

class App extends Component {
  state ={
    messages: [
    {
    _id: 1,
    text: 'This is a quick reply. Do you love Gifted Chat? (radio) KEEP IT',
    createdAt: new Date(),
    user: {
      _id: 2,
      name: 'FAQ Bot',
      avatar: 'https://i.imgur.com/7k12EPD.png'
    },
    quickReplies: {
      type: 'radio', // or 'checkbox',
      keepIt: true,
      values: [
        {
          title: '? Yes',
          value: 'yes',
        },
        {
          title: '? Yes, let me show you with a picture!',
          value: 'yes_picture',
        },
        {
          title: '? Nope. What?',
          value: 'no',
        },
      ],
    }
  }
  ]
  };

  //................



 onSend(messages = []) {
    this.setState(previousState => ({
      messages: GiftedChat.append(previousState.messages, messages)


    }));
  }
  onSend(quickReply = []) {
    this.setState(previousState => ({
      quickReply: GiftedChat.append(previousState.quickReply, quickReply)


    }));
  }
  /*onSend(suggestions = []) {
    this.setState(previousState => ({

      messages: GiftedChat.append(previousState.suggestions, suggestions)

    }));
  }*/

  render() {
    return (
      <View style={{ flex: 1, backgroundColor: '#fff' }}>
        <GiftedChat
          messages={this.state.messages}
          quickReply={this.state.messages.quickReplies}
          //messages={this.state.suggestions}

          onSend={messages => this.onSend(messages)}
          onQuickReply={quickReply => this.onQuickReply(quickReply)}
          //onSend2={suggestions => this.onSend2(suggestions)}

          user={{
            _id: 1
          }}
        />


      </View>
    );
  }
}

export default App;

在聊天界面中显示为用户消息，我想知道他选择了哪种快速回复，有人可以帮助我吗？

Answer 1

您可以获得所选的快速回复。并进行聊天。

onQuickReply(quickReply) {
    if(quickReply[0].value == "yes") {
    } else if (quickReply[0].value == "yes_picture") {
    } else if (quickReply[0].value == "NO") {
    }
    
    let message = quickReply[0].value;
    let msg = {
      _id: this.state.messages.length + 1,
      text: message,
      createdAt: new Date(),
      user: {
        _id:1
      }
    }
    this.setState(previousState => ({
      messages: GiftedChat.append(previousState.messages, [msg])
    }));
    var sendBotResponsetxt = "Thanks";
    this.sendBotResponse(sendBotResponsetxt);
  }

快速回复新闻功能（聊天）

1 个答案: