reactjs - react-native 中的类型错误

Question

我是 react-native 和 aws appsync,graphql 的新手。我们正在尝试实现我们将拥有一个发送按钮的功能，因此一旦我们点击发送按钮，文本就会出现在屏幕上。事情是我们有实现了它，但是一旦我们击中它，我们就会收到错误消息

输入错误我们不知道为什么会导致这个错误

类型错误

警告 1

警告 2

import React, { Component } from 'react';
import { View, Text, Button, FlatList, StyleSheet, Alert } from 'react-native';
import ChatView from './ChatView';
//import onCreatePostMessage from './query/onCreatePostMessage';

export default class ChatHistory extends Component {
  constructor(props) {
      super(props);
}

componentWillMount() {
     this.props.onCreatePostMessage();
}

render() {
    return (
          <View style={styles.container}>
              <Text>ChatHistory</Text>
              <FlatList data={[].concat(this.props.chats).sort((a, b) => a.createdAt.localeCompare(b.createdAt))} 
                keyExtractor={(item, index) => index.toString()}
                renderItem={({item}) => <ChatView chat={item}/>}
                ref={ref => this.flatList = ref}
                onContentSizeChange={() => this.flatList.scrollToEnd({animated: true})}
                onLayout={() => this.flatList.scrollToEnd({animated: true})} />
          </View>
        );
    }
}


const styles = StyleSheet.create({
    container: {
        flex: 1,
        paddingTop: 20
    }
});

请帮我解决这个问题！！谢谢

标签： reactjsreact-nativegraphqlreact-apolloaws-appsync