Amplifywithreact-关联关系-在创建表单中无法关联相关项目
创始人
2024-08-10 03:31:05
0
  1. 确认关联关系是否正确

在创建表单中无法关联相关项目的一个可能原因是关联关系定义不正确。请确保在schema中正确定义了对象之间的关联关系。具体定义方法可参考以下代码示例:

type Post @model {
  id: ID!
  title: String!
  comments: [Comment] @connection(keyName: "byPost", fields: ["id"])
}

type Comment @model {
  id: ID!
  content: String!
  post: Post @connection(keyName: "byPost", fields: ["id"])
}

在上面的示例中,我们定义了一个post对象和一个comment对象,并通过@connection指令将它们关联起来,其中keyName是一个唯一值,用于标识关联关系。通过设置fields属性,我们定义了关联关系的约束条件。

  1. 使用关联关系ID创建项目

在创建项目时,我们可以使用关联关系ID来关联相关的项,在Amplify with React中通常使用uuid来生成ID。我们可以在创建表单中添加一个关联关系ID字段,并将其设置为隐藏字段,然后在提交表单时将其设置为输入的关联关系ID。以下是一个示例代码:

import React, { useState } from 'react'
import { v4 as uuid } from 'uuid'
import { API, graphqlOperation } from 'aws-amplify'
import { createPost } from './graphql/mutations'

function CreatePost() {
  const [title, setTitle] = useState('')
  const [commentId, setCommentId] = useState(uuid())

  async function handleSubmit(event) {
    event.preventDefault()
    const input = {
      title,
      comments: {
        connect: { id: commentId }
      }
    }
    await API.graphql(graphqlOperation(createPost, { input }))
  }

  return (
    

Create Post

setTitle(e.target.value)} />
) } export default CreatePost

在上面的示例中,我们在表单中添加了一个隐藏字段“commentId”,并为其赋

相关内容

热门资讯

安卓换鸿蒙系统会卡吗,体验流畅... 最近手机圈可是热闹非凡呢!不少安卓用户都在议论纷纷,说鸿蒙系统要来啦!那么,安卓手机换上鸿蒙系统后,...
安卓系统拦截短信在哪,安卓系统... 你是不是也遇到了这种情况:手机里突然冒出了很多垃圾短信,烦不胜烦?别急,今天就来教你怎么在安卓系统里...
app安卓系统登录不了,解锁登... 最近是不是你也遇到了这样的烦恼:手机里那个心爱的APP,突然就登录不上了?别急,让我来帮你一步步排查...
安卓系统要维护多久,安卓系统维... 你有没有想过,你的安卓手机里那个陪伴你度过了无数日夜的安卓系统,它究竟要陪伴你多久呢?这个问题,估计...
windows官网系统多少钱 Windows官网系统价格一览:了解正版Windows的购买成本Windows 11官方价格解析微软...
安卓系统如何卸载app,轻松掌... 手机里的App越来越多,是不是感觉内存不够用了?别急,今天就来教你怎么轻松卸载安卓系统里的App,让...
怎么复制照片安卓系统,操作步骤... 亲爱的手机控们,是不是有时候想把自己的手机照片分享给朋友,或者备份到电脑上呢?别急,今天就来教你怎么...
安卓系统应用怎么重装,安卓应用... 手机里的安卓应用突然罢工了,是不是让你头疼不已?别急,今天就来手把手教你如何重装安卓系统应用,让你的...
iwatch怎么连接安卓系统,... 你有没有想过,那款时尚又实用的iWatch,竟然只能和iPhone好上好?别急,今天就来给你揭秘,怎...
iphone系统与安卓系统更新... 最近是不是你也遇到了这样的烦恼?手机更新系统总是失败,急得你团团转。别急,今天就来给你揭秘为什么iP...