阿波罗客户端 onSubscriptionData 不工作

Question

我正在关注 apollo subscriptions tutorial 并且我的订阅正在运行，但我无法使用 onSubscriptionData 数据回调。

这是我的代码：

const MESSAGE_CREATED = gql`
  subscription {
    messageCreated {
      id
      content
    }
  }
`;

const MyComponent = () => (
  <Subscription
      subscription={MESSAGE_CREATED}
      onSubscriptionData={() => {
        console.log('subs');
      }}
    >
      {({ data, loading }) => {
        if (loading && !data) return <View />;
        return (
          <Text>New comment: {!loading && data.messageCreated.content}</Text>
        );
      }}
    </Subscription>
);

我的控制台上没有 subs 日志。

Answer 1

此功能仅在“主”分支上可用。我刚刚对其进行了测试，'onSubscriptionData' 道具正在按预期工作。如果你想测试它，你应该：

1. 将“react-apollo”包版本更新为“master”，如下所示："react-apollo": "apollographql/react-apollo"

2. 编译 TS 代码执行：cd node_modules/react-apollo && yarn && yarn compile

3. 将所有导入路径从 'react-apollo' 重构为 'react-apollo/lib' 如下：import { Subscription } from 'react-apollo/lib'