小编Dou*_*Ewe的帖子

是否可以使用 Apollo 的 MockedProvider 在故事书中进行动态模拟?

在我的 React 故事书中,我希望能够使用使用 graphQL 查询和突变(用 Apollo 实现)的组件。

使用 MockedProvider 可以很好地工作,只要我提前指定确切的突变,包括它们的输入。

我想知道是否有可能/如何不提前指定输入,以接受任何输入。


export const MyComponent = () => (
    <Mutation mutation={gql`some mutation`}>
      {(doMutation, { loading, error, data }) => (
        <Button onClick={()=> doMutation({input: {
          someInput: Math.rand()*10 // Would be fine if this was 1.
        }}) />
        {data ? <>Result: {data.someResult}</> : null}
      )
    </Mutation>
)

Run Code Online (Sandbox Code Playgroud)

storiesOf('MyComponent', module)
  .add('some story', () => (
    <StaticRouter context={{}}>
      <MockedProvider
        mocks={[
          {
            request: {
              query: gql`some query...`,
              variables: { input: { someInput: '1' } },
            }, …
Run Code Online (Sandbox Code Playgroud)

apollo graphql storybook

11
推荐指数
1
解决办法
708
查看次数

标签 统计

apollo ×1

graphql ×1

storybook ×1