React Table이 데이터를 로드하지 않음
`react'에서 가져오기 React, { useState, useContext, useEffect };
import { useParams, useNavigate } from "react-router-dom";
import { AppContext } from '../context/AppContext';
'../apis/AdminPortal'에서 AdminPortal 가져오기
const OrganizationUpdateForm = (소품) => {
const {id} = useParams()
const [이름, setName] = useState("");
const [짧은 이름, setShortName] = useState("");
const [parentOrg, setParentOrg] = useState("");
const [웹사이트, setWebsite] = useState("");
const [주석, setComments] = useState("");
useEffect(() => {
비동기 함수 fetchData() {
const 응답 = await AdminPortal.get(
organizations/${id}
);console.log(response.data.data);
setName(response.data.data.organizations.name);
setShortName(response.data.data.organizations.short_name);
setParentOrg(response.data.data.organizations.parent_org);
setWebsite(response.data.data.organizations.website);
setComments(response.data.data.organizations.comments);
};
fetchData();
}, []);
let Navigate = useNavigate();
const handleSubmit = 비동기 (e) => {
e.preventDefault();
const updateOrganization = 대기 AdminPortal.put(
organizations/${id}
, {이름,
short_name: 짧은 이름,
parent_org: parentOrg,
웹 사이트,
코멘트
});
탐색("/");
};
반품 (
이름
값={이름}
onChange={(e) => setName(e.target.value)}
아이디="이름"
className="form-control"
유형="텍스트"
/>
짧은 이름
값={짧은 이름}
onChange={(e) => setShortName(e.target.value)}
id="짧은_이름"
className="form-control"
유형="텍스트"
/>
상위 조직
값={부모 조직}
onChange={(e) => setParentOrg(e.target.value)}
아이디="부모_조직"
className="form-control"
유형="텍스트"
/>
웹사이트
값={웹사이트}
onChange={(e) => setWebsite(e.target.value)}
아이디="웹사이트"
className="form-control"
유형="텍스트"
/>
코멘트
값={댓글}
onChange={(e) => setComments(e.target.value)}
아이디="이름"
className="form-control"
유형="텍스트"
/>
{/*
유형="제출"
onClick={handleSubmit}
className="btn btn-기본"
>
제출하다
*/}
</div>
)}
기본 OrganizationUpdateForm 내보내기
`
Postman에서 API를 누르면 올바른 응답을 받고 브라우저가 올바른 URL을 생성하지만 다음 오류가 발생합니다. 구성 요소의 수명 동안 제어된 입력 요소를 사용할 것인지 제어되지 않은 입력 요소를 사용할 것인지 결정하십시오."광범위한 인터넷 검색 후에도 솔루션을 찾을 수 없었기 때문에 여기 누군가가 빠르게 살펴보고 내가 뭘 잘못하고 있는지 알아낼 수 있기를 바랍니다. 미리 감사드립니다.
Reference
이 문제에 관하여(React Table이 데이터를 로드하지 않음), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/alcam1965/react-table-not-loading-data-1o53텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)