快速回复中不显示本机资优聊天

Question

我在代码中完成了以下设置，但是未显示快速答复。下面显示的是我的状态对象和渲染代码。 [没有显示快速回复，我在代码中缺少什么吗？ 1

state = {
       messages : [
        {
            _id: 1,
            text: 'My message',
            "quickReplies":[
                {
                  "contentType":"text",
                  "title":"Yes",
                  "imageUrl":"http://example.com/img/yes.png"
                },
                {
                  "contentType":"text",
                  "title":"No",
                  "imageUrl":"http://example.com/img/no.png"
                }
              ]
          }],  
    }

我的渲染方法如下

render() {
        return (
            <View style={{ flex: 1, backgroundColor: '#fff' }}>
                <HeaderIconExample color ='#1976d2' title ={"Digital Assistant"} />
                <GiftedChat
                    messages={this.state.messages}
                    onSend={messages => this.onSend(messages)}
                    onQuickReply={quickReply => this.onQuickReply(quickReply)}
                    user={{
                        _id: 1
                    }}
                />
                <KeyboardSpacer />
            </View>
         );
    }

但是，当应用程序执行时，仅显示消息对象的text属性。请参见下图以获取更多详细信息。

Answer 1

快速回复的格式是错误的：

您应该将其更改为类似的内容

  message: [{
     _id: 1,
     text: "text",
     createdAt: new Date(),
     user: user,
     quickReplies: {
         type: 'radio' // or 'checkbox'
         values: [{
             title: "yes"
             value: "yes"
         },{
             title: "no"
             value: "no"
         }]  
      }
}]