如何使用Neo4J GraphQl库在CRUD操作上构建图形？

Question

我试图使用Neo4J GraphQl库构建GrandStack应用程序。而不是像已经存在的数据那样，而是像Neo4J Internet中显示的大多数教程一样。我想通过使用React表单询问用户数据来构建图形。由于我是Neo4J GraphQl库和Apollo服务器的新手，因此我发现很难理解如何设置。

我已经在下面设置了一个示例React表单代码。从这里，我感到困惑如何使用Neo4J GraphQl库。有人可以在这里帮我吗？

import './App.css';
import {TextField, Button} from "@mui/material"
import {useState} from "react"
function App() {
  const [data, setdata] = useState("");
  const [datatwo, setdatatwo] = useState("");
  const onSubmit = (e) =>{
    e.preventDefault();
    alert({data})
  }
  return (
    <div className="App">
      <form  noValidate onSubmit={onSubmit}>
      <TextField id="outlined-basic" label="Name" variant="outlined" onChange={(e)=>setdata(e.target.value)}/>
      <TextField id="outlined-basic" label="Name" variant="outlined" onChange={(e)=>setdatatwo(e.target.value)}/>
      <Button variant="contained">Submit</Button>
      </form>
      <div>First Name is:{data}</div>
      <div>last Name is:{datatwo}</div>
    </div>
  );
}
export default App;