javascript - 无法读取未定义的属性 'skip'

Question

我正在使用react-apollo 进行graphql 查询。我想显示类别的单个对象，因此我需要一个 id我可以从 navigation.state.params.id 获取。我执行了以下操作，但收到错误“无法读取未定义的属性‘skip’”。我应该如何解决这个问题？

这是我的代码

class CategoryDetail extends React.PureComponent {
  render() {
    console.log("props in detail", this.props);
    return (
      <View style={{ flex: 1 }}>
        <Text>Category View</Text>
      </View>
    );
  }
}

const CATEGORY_DETAIL_QUERY = gql`
  query CATEGORY_DETAIL_QUERY($id: ID!) {
    category(id: $id) {
      id
      name
    }
  }
`;

export default graphql(CATEGORY_DETAIL_QUERY, {
  options: props => {
    variables: {
      id: props.navigation.state.params.id;
    }
  },
})(CategoryDetail);

Answer 1

跳过是 Apollo 检查的选项之一。在您的代码中，选项函数没有返回任何内容。

箭头函数返回 => 之后的内容，除非它是 {} block ，在这种情况下，返回值将在声明的函数体内定义。如果要返回一个与代码块具有相同语法的对象，则需要将其包装在 () 内。

options: props => ({ variables: ... })