GraphQL Apollo 查询选项不采用 defaultProps

Question

我正在使用查询选项为我的查询传递动态变量，但似乎如果我设置defaultProps，graphql 无法获取道具值。

我的代码如下：

Page.defaultProps = {
   startDate: moment().hour(15).toISOString(),
   endDate: moment().add(1).hour(3).toISOString(),
};


export default compose(graphql(myQuery, { options: (props: IPageProps) => ({ variables: { range: { start: props.startDate, end: props.endDate }}}))(Page);

注销props表明组件加载时defaultProps需要时间才能真正包含进来，变量总是会变成{ startDate: undefined, endDate: undefined }

有没有更好的处理方法？

Answer 1

这很棘手。最简单的事情就是声明默认值两次：

const DEFAULT_START = moment().hour(15).toISOString()
const DEFAULT_END = moment().add(1).hour(3).toISOString()

Page.defaultProps = {
   startDate: DEFAULT_START,
   endDate: DEFAULT_END,
}

const options = ({ startDate: start = DEFAULT_START, endDate: end = DEFAULT_END }) => ({ variables: { range: { start, end } } })

export default compose(graphql(myQuery, { options })(Page);

如果您不需要在查询之外引用 startDate 或 endDate，这样做意味着您可以完全跳过将它们包含为 defaultProps。