block1.js

import xhrMock from 'xhr-mock'

export class ApiMock extends Component<TProps> {
  constructor(props: TProps) {
    super(props)
    this.mock()
  }

  componentWillUnmount() {
      this.unmock()
  }

  render() {
    return this.props.children
  }

  mock() {
    this.unmock()
    xhrMock.setup()
    this.props.mocks.forEach(({ method, url, response })=> {
      xhrMock.use(method, url, response)
    })
  }

  unmock() {
    xhrMock.teardown()
  }
}