无法读取未定义的属性“id”。变量 'id' 已强制 NonNull 类型 'ID!' 的 Null 值

Question

我正在使用 react native 天才聊天，我正在尝试弄清楚如何将 _id、text、createdAt、userid 和 name 设置为我的变异参数。我收到以下错误variable id has coerced null value 或cannot read property 'id' is undefined。我的主要问题是将 messageid 和 messagetext 设置为什么。我正在使用与 AWS 的 react native 天才聊天。

export const createMessage = `mutation createMessage($id: ID! $groupchatid: ID! $message: String! $createdUser: String! $createdTime: String!) {
    createMessage(input:{ id:$id groupchatid:$groupchatid, message:$message, createdUser: $createdUser createdTime: $createdTime}) {
      id
      groupchatid
      message
      createdUser
      createdTime
    }
}`;

    const user = Auth.currentAuthenticatedUser();
    this.setState({ username: user.username});
  }

  MessagesMutation = async () => {
    const AddMessage = { message: this.state.messages, createdUser: this.state.username, groupchatid: this.state.groupchatname };
    const newGroupChatMessage = await API.graphql(graphqlOperation(createMessage, AddMessage));
    console.log(JSON.stringify(newGroupChatMessage));
  };


  componentWillMount() {
    this.setState({
      messages: [
        {
          _id: id,
          text: message,
          createdAt: new Date(),
          user: {
            _id: createdUser,
            name: createdUser,
            avatar: 'https://placeimg.com/140/140/any',

          },


        },
      ],
    })
  }


  componentDidMount() {
    const { navigation } = this.props;
    const value = navigation.getParam('value')
    this.setState({groupchatname: value})
  }



  onSend(messages = []) {
    this.setState(previousState => ({
      messages: GiftedChat.append(previousState.messages, messages),
    }))
  }
  render(){
    const { groupchatname} = this.state;
  return (
      <SafeAreaView style={{ flex: 1 }}>
        <Header style={styles.headerColor}>
            <Text style={styles.text}>{groupchatname}</Text> 
        </Header>
        <GiftedChat
            messages={this.state.messages}
            renderUsernameOnMessage={true}
            onSend={messages => this.onSend(messages), this.MessagesMutation}
            user={{
            _id: this.user,
            name: this.user,
            avatar: 'https://placeimg.com/140/140/any'
            }}```

Answer 1

您已将id 定义为参数

createMessage($id: ID! $groupchatid: ID! $message: String! $createdUser: String! 
$createdTime: String!)

并且忘记传递参数

const AddMessage = { 
 id:"valu...." //here
 message: this.state.messages, 
 createdUser: this.state.username,
 groupchatid: this.state.groupchatname 
     };