리액트 네이티브 코드,오류 질문입니다.

리액트 네이티브 코드,오류 질문입니다.

작성일 2023.11.15댓글 1건
    게시물 수정 , 삭제는 로그인 필요

리액트 네이티브로 커뮤니티 카페를 만들고 있는데 게시글 상세보기 코드를 실행하면 4번 정도 정상적으로 작동하는데 5번째부터 함수가 작동이 안되면서 앱이 정상 작동이 안됩니다. 
useEffect(() => {
    const fetchData = async () => {
      try {
     
        console.log('게시글 정보불로오기 실행 ');
        // 2. 상세보기 불러오기
        const boardResponse = await fetch(`${apiUrl}/BoardDetail/${boardId}`);
        if (!boardResponse.ok) {
          console.error('상세보기 요청 에러:', boardResponse.status);
        } else {
          console.log('상세보기 요청 실행 완료 ');
          const boardData = await boardResponse.json();
          setBoard(boardData.board);
          setLikeCount(boardData.likes);
          console.log('게시글 정보 확인 :  ', boardData.board);
        }

    fetchData();
  }, [boardId, isImage, trigger]);

코드가 너무 길어서 게시글 상세보기 함수의 일부분인데 
앱에서 server에 요청을 보내면 서버에서 db에 저장되있는 정보를 불러오는데
db를 끊었다가 다시 접속해도 그대로고 앱을 reload해야 다시 4번째까지 정상적으로 조회가 되는데 오류도 안뜨고 로그도 아무 이상이 없어서 지식인에 질문해봅니다.



#리액트 네이티브 #리액트 네이티브 지원 중단 #리액트 네이티브 vs 플러터 #리액트 네이티브 앱 만들기 #리액트 네이티브 전망 #리액트 네이티브 설치 #리액트 네이티브 강의 #리액트 네이티브 웹뷰 #리액트 네이티브 플러터 #리액트 네이티브 리액트 차이

profile_image 익명 작성일 -

주어진 코드에서 보이는 한 가지 문제는 fetchData 함수가 useEffect 내에서 호출되지 않은 것 같습니다. useEffect의 콜백 함수 안에서 fetchData 함수를 호출해야 정보를 가져올 수 있습니다.

아래에 수정된 코드를 확인해주세요.

javascript

useEffect(() => {

const fetchData = async () => {

try {

console.log('게시글 정보 불러오기 실행');

// 2. 상세보기 불러오기

const boardResponse = await fetch(`${apiUrl}/BoardDetail/${boardId}`);

if (!boardResponse.ok) {

console.error('상세보기 요청 에러:', boardResponse.status);

} else {

console.log('상세보기 요청 실행 완료');

const boardData = await boardResponse.json();

setBoard(boardData.board);

setLikeCount(boardData.likes);

console.log('게시글 정보 확인:', boardData.board);

}

} catch (error) {

console.error('게시글 정보 불러오기 에러:', error);

}

};

fetchData();

}, [boardId, isImage, trigger]);

이제 fetchData 함수가 useEffect 내에서 호출되므로 정보를 가져올 수 있어야 합니다.

리액트 네이티브 질문이요 ㅠ

... 라는 말에서 오류가 있나요? 그렇다면 리액트 네이티브는 자바스크립트라는 언어를 기반으로 프로그래밍 할 수 있는 프레임워크이다. 라고하면 맞는건가요?...

리액트 네이티브 질문

... [/code] 위 코드는 app.js입니다. 다음과 같은 코드가 있습니다. 궁금한... 여기서 질문이 있습니다. 맨 바깥에 style이 적용되었습니다. 이것은...

리액트 네이티브 관련 오류 문제인데...

리액트 네이티브 관련 오류 문제인데 어떻게 해결하나요? 혹시 해결할수있다면 답변... 아 질문자님 죄송합니다. 이미 작년에 저한테 질문하셨었는데 미쳐 못보고 제가 이제야...