配列に複数のタグが格納されたページがあります。ページを編集したいのですが、タグ配列を TagsInput にロードしようとすると、次のエラー メッセージが表示されます。

Uncaught TypeError: tags.join は関数ではありません

このエラーに関連するコード スニペットは次のとおりです:

import { TagsInput } from "react-tag-input-component"; const UpdatePage = () => { const [タグ, setTags] = useState(""); const tagsString = tags.join(", "); // バックエンドからタグを取得し、setTags に保存します setTags() 戻る（ 
  <タグ入力 label="タグ" サイズ = "小さい" 値={タグ文字列} onChange={setTags} placeHolder="タグを入力して Enter キーを押してください" />  
 ) }

次のことも試しましたが、n.map は関数ではないというエラー メッセージが表示されました:

 {タグ.長さ ? tags.map((type, i) => ( <タグ入力 キー={i} label="タグ" サイズ = "小さい" 値={i} onChange={setTags} placeHolder="タグを入力して Enter キーを押してください" /> )) : <タグ入力 label="タグ" サイズ = "小さい" 値={タグ} onChange={setTags} placeHolder="タグを入力して Enter キーを押してください" /> } 

次のコードを使用すると、コンソールにデータを表示できます。

tags.forEach((element) => { console.log(要素); });