reactjs - 如何使用 React 和 Typescript 创建无序列表

Question

我想创建一个“标签”列表，我可以使用 react 用于我网站的不同页面，但我遇到的问题是我需要这些不同标签的列表在每个页面上使用它的 id 是不同的和可编辑的，但我是新手，所以我不确定如何处理这个问题。

我现在拥有的是

<div className="input-tag">
            TAGS
          <ul className="input-tag__tags">
            <li>
              Tag
              <span> </span>
              <button type="button"> Remove </button>
            </li>
            <li className="input-tag__tags__input">
              <input type="text" />
            </li>
          </ul>
</div>

只是一个基本的无序列表

我确实有 course.id 告诉我不同​​页面的 id，我知道我应该使用，但我不确定如何去做，感谢任何帮助，谢谢！

标签： reactjstypescript