Relay 中的嵌套片段数据始终相同

Question

我是 Relay 的新手，我遇到了片段上嵌套数据的问题。

以下查询 returns 我在 graphiql 中测试时的正确数据，因此我确信我的模式是正确的。

 {
  viewer {
    customers {
      name
      billing_address {
        city
      }
    } 
  }
}

然而，当我将上述查询与中继一起使用时，customer.name 将是正确的，但 customer.billing_address.city 对每个客户都是相同的。我很困惑为什么有些数据是正确的而嵌套数据只是被复制了。

对于解决此问题的任何帮助，我将不胜感激，如果需要更多信息，我将很乐意添加。以下是我项目中目前唯一的中继代码，我认为可能是问题所在。

class App extends Component {
  render() {
    console.log(this.props.viewer.customers);
    return (
      <div>
      {this.props.viewer.customers.map((customer) => (
        <div>
          <div>{customer.name}</div>
          <div>{customer.billing_address.city}</div>
        </div>
      ))}
      </div>
    );
  }
}

class AppHomeRoute extends Relay.Route {
  static queries = {
    viewer: () => Relay.QL`
      query {
        viewer
      }
    `,
  };
  static routeName = 'AppHomeRoute';
}

const AppContainer =  Relay.createContainer(App, {
  fragments: {
    viewer: () => Relay.QL`
      fragment on Viewer {
        customers{
          name
          billing_address{
            city
          }
        }
      }`
  },
});

ReactDOM.render(
  <Relay.RootContainer
    Component={AppContainer}
    route={new AppHomeRoute()}
  />,
  document.getElementById('root')
);

Answer 1

一个可能的问题可能是您如何在 GraphQL 模式中解析 billing_address。您是否在 billing_address GraphQL 类型中包含 field :id, !types.ID 或 globalIdField？发布您的 GraphQL 架构也可能有所帮助。

Relay 中的嵌套片段数据始终相同

Nested fragment data always the same in Relay

javascript

reactjs

graphql

relay