Where did apiClient come from when it is not even declared?

React
1

Hi everyone!

I am following the React 18 for beginners class, and I am at the part of Extracting a Reusable API Client.

I was just wondering how come we can do an 'import apiClient from “…/services/api-client” ’ when the apiClient is not even stated anywhere?

Regards,

1 Like
2

When you declare a default export like this:

// foo.ts
const foo = () => console.log("foo")
export default foo;

…you can import it using any aliased name you like, e.g.:

import bar from "./foo";

bar(); // logs "foo" to the console

In that video, Mosh is default exporting a value returned by axios.create:

image
image1183×184 72.2 KB

That return value is what you’re aliasing to apiClient with your import statement.

2 Likes
3

Thanks a lot for the info. I was about to ask this question. Yeah Mosh made it so easy for us. Keep going Mosh