キャッチされない TypeError: tags.join は関数ではありません。

Question

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

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

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

import { TagsInput } from "react-tag-input-component";

const UpdatePage = () => {

  const [タグ, setTags] = useState("");
  const tagsString = tags.join(", ");

  // バックエンドからタグを取得し、setTags に保存します
  setTags(<axios_get 用のコード>)

  戻る（
    <div>
        <FormControl fullWidth margin="normal">
          <タグ入力
            label="タグ"
            サイズ = "小さい"
            値={タグ文字列}
            onChange={setTags}
            placeHolder="タグを入力して Enter キーを押してください"
          />
        </FormControl>
    </div>
 )

}

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

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

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

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

Answer 1

次の行によると、タグは配列ではなく文字列です:

リーリー

何が起こっても、setTags(<some_code_for_axios_get>)、最初のレンダリングでは、tags は ""

になります