React，how to import components from folder index.js

// components/index.js
export { default as Button } from './Button';
export { default as Input } from './Input';

// App.js
import { Button, Input } from './components';

function App() {
  return (
    <div>
      <Button>Click me</Button>
      <Input type="text" placeholder="Enter text" />
    </div>
  );
}

export default App;

// components/index.js
export { default as Button } from './Button';
export { default as Input } from './Input';

// components/Button.js
export default function Button(props) {
  return <button>{props.children}</button>;
}

// App.js
import Button from './components/Button';

// components/Button.js
export function Button(props) {
  return <button>{props.children}</button>;
}

// App.js
import { Button } from './components/Button';