Core React#72 · Questions adapted from sudheerj/reactjs-interview-questions (MIT)

How to import and export components using React and ES6?

You should use default for exporting the components

import User from "user";

export default function MyProfile {
    return <User type="customer">//...</User>;
}

See Class

```jsx harmony import React from "react"; import User from "user";

export default class MyProfile extends React.Component { render() { return //...; } }

</p>
</details>

With the export specifier, the MyProfile is going to be the member and exported to this module and the same can be imported without mentioning the name in other components.

How well did you remember this?

PreviousHow do you apply vendor prefixes to inline styles in React?NextWhat are the exceptions on React component naming?

Back to Interview Prep