Exporting and importing React components, which is better?

Question

React

Greetings to all who responded!
Help the green developer figure it out)
here is the code

// Foo.jsx
export const Foo = ()=>{
    //  ...code
}

// Bar.jsx
const Bar = ()=>{
    //  ...code
}
export default Bar

Accordingly, their imports are also different

import {Foo} from './Foo'

import Bar from '.Bar'

I know that the last option can still be renamed when importing in another file.
What are the other differences between these exports, besides visual differences, what is better to use?
Please do not throw stones

Answer 1

You need to download the Google skill:
Difference between export {name}, export default {name}?