prostudy

후크를 사용하여 지도(사전) 상태 변경 시 구성 요소가 업데이트되지 않음 내게는 확인란이 있는 가시성 필터를 기반으로 이름을 표시해야 하는 하위 구성 요소가 있다.나는 각 이름에 대해 체크된 상태를 추적하기 위해 사전을 사용한다.그러나 내가 사전을 업데이트할 때 아이는 업데이트하지 않는다. 예: https://codesandbox.io/s/8k39xmxl52 구성 요소는 다음과 같다. const App = () => { const [names, setNames] = useState(seedNames); const [hidden, setHidden] = useState(new Map()); const handleHidden = e => { const name = e.target.name; const hid..

사용자 지정 후크가 useEffect에서 제대로 작동하지 않음 나는 이 이슈의 제목을 확신할 수 없었지만, 여기서 더 잘 설명할 수 있다.나는 어떤 정보에 의존하는 맞춤형 후크를 가지고 있다.정보의 일부는 비동기 통화에 의존해야 한다. 나는 세 가지 상황이 일어난다. 조건부로 사용자 정의 후크를 렌더링하려고 시도했지만 다른 렌더에 더 많은 후크를 렌더링하기 때문에 반응이 좋지 않음. 사용자 지정 후크는 한 번만 장착되며 필요한 업데이트된 정보를 전달하지 않는다. 나는 의존성을 사용자 정의 후크에 전달하려고 시도했고 그것은 무한순환을 유발한다. 여기 내가 하고 있는 일의 작은 예가 있다. 사용자 지정 후크: export function useProducts(options){ const [products, ..

반응 후크 사용효과의 종속성 누락: 'displatch' reaction js로 작업하는 것은 이번이 처음인데, 이 뷰를 떠날 때 경고를 제거하려고 하는 이유는 다른 뷰에 표시하기 싫지만 오류가 없을 경우 성공 경고를 계속 유지하여 다른 뷰로 리디렉션할 때 표시하기를 원하기 때문이다. 하지만 나는 구글 크롬에 이 마모된 것을 얻는다.Line 97:6: React Hook useEffect has a missing dependency: 'dispatch'. Either include it or remove the dependency array react-hooks/exhaustive-deps 만약 내가 디스패치를 포함한다면 나는 무한루프를 얻을 수 있다. const [state, dispatch] = us..

useState() 후크는 새 값을 설정할 때 개체에서 필드를 제거함 내가 여기서 뭘 잘못하고 있는지 이해할 수 없어.나는 매우 간단한 오브젝트 상태를 가지고 있다. const [itemInput, setItemInput] = useState({ userId: userId, objectId: id, title: "", description: "", createdAt: new Date().getTime().toString(), }) 그렇다면, 나는 그 정보를 바꾸는 입력을 가지고 있다.title필드: const onChange = (e) => { setItemInput((prevState) => ({ ...prevState, [e.target.name]: e.target.value, })); }; 그리고 ..

반응 기본 약속 값을 변수에 문자열로 전달 나는 React Native를 처음 접한다.나는 약속을 만들어 대응 자료를 얻을 수 있어야 한다. export async function findColor() { try{ const token = await AsyncStorage.getItem('token'); const id = await AsyncStorage.getItem('id'); const resp = ( await api(token).get(`api/blockgroup/getList`) ).data; const retVal = '"' + resp.data[0].template.mcolor +'"'; console.log (typeof retVal, retVal, 'retvalue'); return ..

사용자 지정 후크에 콜백을 사용하는 방법? 난 이게 필요해:const setError = useError();에 의존하여useEffect, 그러나 이 기능은 다른 장소에서도 사용되기 때문에 (동일한 구성 요소 내에서) 오류가 발생할 때마다 myuseEffect api데이터를 다시 추출한다. 이 기능을 사용하지 않도록 설정해야 할까?react-hooks/exhaustive-deps아니면 빠져나갈 방법이 있을까?포장하려고 하면.useCallback후크는 부품 자체 내에서만 사용할 수 있다는 오류가 발생한다. 편집하다 export const useError = (): ((error: any, title?: string) => void) => { const dispatch = useDispatch(); // e..

반응: 라디오 버튼 컬렉션에 선택한 항목이 있는지 확인하는 방법 다음 순서가 지정되지 않은 HTML/JSX 목록: Beginner Intermediate Expert Custom 다음 기능을 실행하는 제출 버튼: const onSubmit = (e: MouseEvent): void => { console.log(selectedSetting.current) } 이 라디오 버튼 중 적어도 하나가 선택되었는지 확인하고 싶다.보다시피 나는 싱글을 사용하고 있었다.useRef여기에 변수: "사용자 지정" 라디오 버튼이 매번 기록될 수 있음.그렇다면, 직선적인 해결책은 각 라디오 버튼에 대해 useRef를 갖는 것인데, 이것을 하는 더 쉬운 방법이 있는가?내가 대신 그것을 줄 수 있을까?ula에 꼬리표를 달다ref..