>source

App.js :

function App() {
  const [items, setItems] = useState([]);
  useEffect(() => {
    const searchDB = () => {
      fetch("http://127.0.0.1:8443/subColumns/5/?key=fc257229-8f91-4920-b71f-885403114b35", {
        mode: 'cors',
        credentials: 'include'
      })
        .then(res => res.json())
        .then((json) => {
          setItems(json);
        })
  console.log({items});
    }
    searchDB();
  }, [])

앞으로는 API 요청이 하드 코딩되지 않고 사용자가 새로 고치지 않고 여러 API 요청을 할 것이며 결과를 다른 구성 요소에 매핑해야하기 때문에 json 응답을 상태 변수로 유지해야합니다. 현재 콘솔에 {items}를 ​​인쇄하려고하면 빈 배열이 반환됩니다.

  • 답변 # 1

    이후 setItems 비동기 메서드이므로 setItems 직후에 업데이트 된 값을 가져올 수 없습니다. 다른 것을 사용해야합니다 useEffect 가치를 확인하는 데 의존합니다.

    useEffect(() => {
      console.log(items);
    }, [items]);
    
    

관련 자료

  • 이전 c preprocessor - C 매크로에서 선언되지 않음 (이 함수에서 처음 사용)
  • 다음 cgi - PHP에서 공백이있는 파일 이름 업로드