잡히지 않은 유형 오류: Tags.join은 함수가 아닙니다.

Question

여러 개의 태그가 배열로 저장된 페이지가 있습니다. 페이지를 편집하고 싶은데 태그 배열을 TagsInput에 로드하려고 하면 다음과 같은 오류 메시지가 나타납니다.

잡히지 않은 유형 오류: Tags.join은 함수가 아닙니다

다음은 이 오류와 관련된 코드 조각입니다.

"react-tag-input-comComponent"에서 { TagsInput } 가져오기;

const 업데이트페이지 = () =>

  const [tags, setTags] = useState("");
  const TagsString = Tags.join(", ");

  // 백엔드에서 태그를 가져와서 setTags에 저장
  setTags(<some_code_for_axios_get>)

  반품(
    <div>
        <FormControl fullWidth margin="normal">
          <태그 입력
            label="태그"
            크기="작음"
            값={tagsString}
            onChange={setTags}
            placeHolder="태그를 입력하고 Enter 키를 누르세요"
          />
        </FormControl>
    </div>
 )

}

또한 다음을 시도했지만 n.map이 함수가 아니라는 오류 메시지를 받았습니다:

<div className="tags">
  {태그.길이
    ? Tags.map((유형, i) => (
      <태그입력
        키={i}
        label="태그"
        크기="작음"
        값={i}
        onChange={setTags}
        placeHolder="태그를 입력하고 Enter 키를 누르세요"
      />
      ))
    : <태그 입력
        label="태그"
        크기="작음"
        값={태그}
        onChange={setTags}
        placeHolder="태그를 입력하고 Enter 키를 누르세요"
      />
    }
</div>

다음 코드를 사용하면 콘솔에서 데이터를 볼 수 있습니다.

tags.forEach((요소) => {
    console.log(요소);
  });

Answer 1

다음 줄에 따르면 태그는 배열이 아니라 문자열입니다.

으아아아

무슨 일이 있어도 setTags(<some_code_for_axios_get>), the first render, tags will be ""