Javascript 为什么'；应用程序上是否没有显示React组件？

我已经创建了一个组件（在spotifyPlaylist.js中），作为第一步，我试图让应用程序将此组件显示为其他组件旁边的列表框，但是当我查看页面时，此新组件甚至没有显示（下面的屏幕截图）。我是新手，所以任何反馈都有帮助，谢谢

在./spotifyList/spotifyList中创建组件

import './spotifyPlaylist.css';

export class spotifyPlaylist extends React.Component {
  render() {
    return (
      <div className="spotifyPlaylist">
        <input defaultValue="Existing Playlist" />
      </div>);}}

---

在react中，组件名称必须以jsx中使用的大写字母开头，因此请在导入时对其重命名：

import { spotifyPlaylist as SpotifyPlaylist } from '../spotifyPlaylist/spotifyPlaylist';

及

---

或者在react中将其全部重命名

组件名称必须以jsx中使用的大写字母开头，因此在导入时将其重命名：

import { spotifyPlaylist as SpotifyPlaylist } from '../spotifyPlaylist/spotifyPlaylist';

及

---

或者一起重命名它

因为。。。输入没有任何值…div只是一个容器…您希望看到什么？因为。。。输入没有值…div只是一个容器…您希望看到什么？

<SpotifyPlaylist />