Question

An autocomplete component starts a browser request using:

```js
const controller = new AbortController();
const pending = fetch("/api/search?q=design");
```

The request is still pending when `controller.abort()` is called. Which change connects that controller to the request so it can cancel it? Select one answer.

Accepted Answer

Pass `{ signal: controller.signal }` as the second argument to `fetch`.

Answer

Replace `fetch` with `Promise.resolve(fetch(...))`.

Answer

Pass `{ controller }` as the second argument to `fetch`.

Answer

Call controller.cancel() without passing an option to fetch.

Question from the Javascript - Fundamentals test