- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我创建了一个 Relay.Mutation
,它应该触发 User
对象的更新:
class UserMutation extends Relay.Mutation {
public getMutation() {
return Relay.QL`mutation {saveUser}`;
}
public getVariables() {
return {
id: this.props.user.id,
loginName: this.props.user.loginName,
firstName: this.props.user.firstName,
lastName: this.props.user.lastName,
mail: this.props.user.mail
}
}
public getFatQuery() {
return Relay.QL`
fragment on UserPayload {
user {
id,
loginName,
firstName,
lastName,
mail
}
}
`;
}
public getConfigs() {
return [{
type: "FIELDS_CHANGE",
fieldIDs: {
user: this.props.user.id
}
}];
}
static fragments = {
user: () => Relay.QL`
fragment on User {
id,
// I initially had only id here
loginName,
firstName,
lastName,
mail
}
`
}
}
我在我的组件 UserDetails
中使用此突变,如下所示:
// I initially passed this.props.user to the mutation
this.props.relay.commitUpdate(new UserMutation({ user: this.state.user })
执行时,relay 将 user
传递到后端,仅设置 id
,没有任何其他属性。突变未执行,因为输入变量缺少其他字段。
调试突变后,我发现 this.props.user
已在除 id 之外的所有字段上设置 undefined
。但是,this._unresolvedProps.user
是一个所有字段设置正确的用户
。
当我更改突变的代码并将所有 this.props
替换为 this._unresolvedProps
时,所有必要的数据都会传输到后端,并且突变会在没有任何情况下执行任何错误。前端缓存似乎也正确更新(像 firstName
这样的字段在其他组件中更新)。但我不认为这是正确的方法。
我错过了什么?
更新
UserDetails
组件加载 loginName
等用户数据,并提供文本框来更改这些属性。对应的中继容器如下所示:
export default Relay.createContainer(UserDetails, {
fragments: {
user: () => Relay.QL`
fragment on User {
id,
loginName,
firstName,
lastName,
mail,
roles {
id,
name
},
${UserMutation.getFragment("user")}
}
`
}
});
我在文本输入处理程序中处理文本框更改...
public handleTextInput(fieldName: string, event: any) {
let user = this.state.user;
switch (fieldName) {
case "loginName": {
user.loginName = event.target.value;
break;
}
case "firstName": {
user.firstName = event.target.value;
break;
}
case "lastName": {
user.lastName = event.target.value;
break;
}
case "mail": {
user.mail = event.target.value;
break;
}
}
this.setState({ user: user });
}
...并在提交处理程序中进行表单提交,我现在将 this.state.user
传递给突变:
public handleSubmit(e: any) {
e.preventDefault();
this.props.relay.commitUpdate(new UserMutation({ user: this.state.user }), {
onSuccess: (response: any) => {
this.setState({ user: response.saveUser.user });
}
});
}
我使用 C# 后端:graphql-dotnet 。这是我为突变定义的:
public class ApplicationSchema : Schema
{
public ApplicationSchema()
{
this.Query = new ApplicationQuery();
this.Mutation = new ApplicationMutation();
}
}
public class ApplicationMutation : ObjectGraphType
{
public ApplicationMutation()
{
this.Name = "Mutation";
// save a user
this.Field<UserPayloadType>(
"saveUser",
arguments: new QueryArguments(
new QueryArgument<NonNullGraphType<UserInputType>>
{
Name = "input",
Description = "the user that should be saved"
}),
resolve: context =>
{
var userInput = context.Argument<UserInput>("input");
var clientMutationId = userInput.ClientMutationId;
var user = MemoryRepository.UpdateUser(new User()
{
Id = userInput.Id,
LoginName = userInput.LoginName,
FirstName = userInput.FirstName,
LastName = userInput.LastName,
Mail = userInput.Mail
});
return new UserPayload()
{
ClientMutationId = clientMutationId,
User = user
};
});
}
}
public class UserInputType : InputObjectGraphType
{
public UserInputType()
{
this.Name = "UserInput";
this.Field<NonNullGraphType<StringGraphType>>("id", "The id of the user.");
this.Field<NonNullGraphType<StringGraphType>>("loginName", "The login name of the user.");
this.Field<NonNullGraphType<StringGraphType>>("firstName", "The first name of the user.");
this.Field<NonNullGraphType<StringGraphType>>("lastName", "The last name of the user.");
this.Field<NonNullGraphType<StringGraphType>>("mail", "The mail adress of the user.");
this.Field<NonNullGraphType<StringGraphType>>("clientMutationId", "react-relay property.");
}
}
public class UserPayloadType : ObjectGraphType
{
public UserPayloadType()
{
this.Name = "UserPayload";
this.Field<NonNullGraphType<UserType>>("user", "The user.");
this.Field<NonNullGraphType<StringGraphType>>("clientMutationId", "react-relay property.");
}
}
public class UserType : ObjectGraphType
{
public UserType()
{
this.Name = "User";
this.Field<NonNullGraphType<StringGraphType>>("id", "The id of the user.");
this.Field<NonNullGraphType<StringGraphType>>("loginName", "The login name of the user.");
this.Field<NonNullGraphType<StringGraphType>>("firstName", "The first name of the user.");
this.Field<NonNullGraphType<StringGraphType>>("lastName", "The last name of the user.");
this.Field<NonNullGraphType<StringGraphType>>("mail", "The mail adress of the user.");
Field<ListGraphType<RoleType>>("roles", resolve: context => MemoryRepository.GetRolesOfUser(context.Source as DomainModel.Models.User));
}
}
最佳答案
您的 Relay 容器是否正确获取 User
片段?我在你的 staticfragments
定义片段中看到 User 上只有 id 字段,所以我想知道你的父 Relay 组件是否正在获取它们。
由于您的突变确实依赖于这些字段,因此请将它们添加到 fragments
属性中。
class UserMutation extends Relay.Mutation {
public getMutation() { ... }
// getVariables, FatQuery and Configs ...
static fragments = {
user: () => Relay.QL`
fragment on User {
id,
loginName,
firstName,
lastName,
mail
}
`
}
}
然后尝试将此片段包含在 Relay 组件中,该组件使用您的突变。React-Relay 组件示例:
import UserMutation from 'mutations/user';
class User extends Component {
commit(e) {
Relay.Store.commitUpdate(
new UserMutation({
user: this.props.user
})
);
}
render() {
return (
<div>Hello</div>
);
}
};
export default Relay.createContainer(User, {
fragments: {
user: () => Relay.QL`
fragment on User {
${UserMutation.getFragment('user')}
}
`,
}
});
关于javascript - 如何处理中继突变中 Unresolved props?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39133634/
我想用 Graphite 烯一口气创造很多人。 文档只提到了这样创建一个人的方法: class CreatePerson(graphene.Mutation): class Input: na
我想发送没有子部分的 graphql 突变请求 mutation _ { updateCurrentUser(fullName: "Syava", email: "fake@gmail.com
通常查询是在您获取数据时,而变异是在您操作数据时。但是我将如何在没有任何参数的情况下实现突变? 在我的特殊情况下,我删除并创建了 2fa token 端点。 delete 和 create token
我正在使用 REDUX-TOOLKIT-QUERY,现在我有一种情况,我必须调用一个突变。一旦该突变返回响应,我必须在其他三个突变中使用该响应作为请求参数。我们如何才能以正确的方式实现它? const
突变是用于操作数据的查询。如果是这样,那么我的 root query和 root mutation树应该看起来相似吧?他们都应该允许嵌套字段(嵌套突变)。我正在玩这个(使用 express-graph
使用 R 3.6.1 (64) 位。使用 readxl 将数据框导入 R(命名为“RawShift”。我创建了 6 个变量(类:“字符”),它们是用户名列表。每个列表都以用户所在的团队命名。 我想使用
我正在尝试将 dplyr 中的 mutate 与动态变量名称一起使用。我发现了一些关于 SO(here、here 和 here)的帖子,它们让我更接近但不是可行的解决方案。我不认为缺少什么,但我需要你
我有一个现有的代码库,它使用 Meteor 方法接收来自客户端的请求并在服务器上执行数据库操作。我想尝试将此项目转移到 GraphQL,但我无法理解该工作的范围,特别是这对这些 Meteor 方法意味
我正在使用 Apollo Client 并尝试构建一个提交对象的突变,该对象的一部分是子类型的数组,该数组的大小需要是动态的,但我找不到任何有关如何正确构建此数组的文档。 这是我使用手动输入的数组进行
关闭。这个问题是opinion-based 。目前不接受答案。 想要改进这个问题吗?更新问题,以便 editing this post 可以用事实和引文来回答它。 . 已关闭 4 年前。 Improv
我的应用程序的目标是让用户能够保存和调用要填写和编辑的表单列表。一个用户会有多个表单,一个表单将由它自己的几个字段组成。 如果我的类型是这样设置的,例如: const FormType = new G
我刚刚写完这段代码: /// Watcher to look for changes in files pub struct Watch { glob:Option, ruv:Vec, p
我做了这个: test 1 为什么.b没有激活警报? $( ".a" ).click(function() { $('div').html('test 2'); }); $( ".b" ).click
我使用 graphene-django 来获得 GrapQL API。我在我的 schema.py 中创建了一个突变: class UpdateApplication(graphene.Mutatio
我正在使用适用于 Android 的 graphql apollo 客户端。我能够使用单个字段的突变传递数据而没有任何问题。在突变中使用输入对象时,发生错误无法读取未定义的电子邮件属性。但同样的 gr
我有两个变量,一个是可变数组,另一个是不可变的。 let mutableArray = NSMutableArray(array: ["1","2","3"]) let immutableArray:
是否可以从一个突变中对另一个 graphqlType 运行一个突变?我不确定这是否是个好主意。理想情况下,最好为每种 graphql 数据类型创建突变,然后在需要时调用这些函数中的每一个。希望这能让事
我需要能够在单个请求中创建一个用户并添加它最喜欢的电影(一个对象数组,引用了 Movies 集合和他对每部电影的个人评分)。 看起来像这样的东西(伪代码) var exSchema = ` type
我一直在使用 graphql-js 的 Node 服务器中使用 GraphQL,并且 GraphQL 已被证明是一个非常有值(value)的抽象,但我遇到了一个问题。 我经常发现自己需要使用 Grap
对于任何使用过 VuexFire Vuex v2 的人。 mutations: VuexFire.mutations 这里指的是什么?答案可能很明显,但我不知道这意味着什么。那么我的实际突变去哪里了?
我是一名优秀的程序员,十分优秀!