从道具中反应阿波罗突变变量值

Question

我想通过 materialId 和 supplyId 更新我在 mongoDB 文档中的记录。 我从 url 路径获取了 supplyId 到突变。我使用“+”按钮渲染所有列出的材料。如何将道具传递给突变变量？我试过这是，但它很糟糕。

materialId: {material.id},

Scren from React Developers Tools

        <Query
      query={gql`
        {
          materials {
            id
            name
          }
        }
      `}
    >
      {({ loading, error, data }) => {
        if (loading) return <div>Fetching</div>;
        if (error) return <div>Error</div>;
        else
          return (
            <div>
              Materials to add:
              <ul>
                {data.materials.map(material => (
                  <li id={material.id} key={material.id}>
                    {material.name} |
                    <Mutation
                      mutation={SUPPLY_MUTATION}
                      propsId={material.id}
                      variables={{
                        materialId: "get material.id Here",
                        supplyId: this.props.match.params.id
                      }}
                    >
                      {supplyMutation => (
                        <button onClick={supplyMutation}>+</button>
                      )}
                    </Mutation>
                  </li>
                ))}
              </ul>
            </div>
          );
      }}
    </Query>

Answer 1

你应该使用：

materialId: material.id