사용 중인 상태ImperativeHandle이 지속되지 않습니다.

내가 이 상태에 있다고 가정해 보겠습니다. const[data,setData]=useState([]); 그리고 다음과 같이 useImperativeHandle에 넣습니다. useImperativeHandle(ref,()=>({data,})); 다음과 같이 상태가 변경되는 시기를 추적하려면: useEffect(()=>{console.log(comComponentRef.current.data);

P粉786800174 2024-04-01 00:20:12 0  1  364

상위 구성 요소에서 하위 구성 요소로 입력 값 상태를 전달하는 React 메서드

내 배열을 통해 매핑하고 다양한 하위 구성 요소의 반복을 인쇄하는 상위 구성 요소가 있습니다. 상위 구성 요소의 상태에 액세스하려고 하는데 하위 구성 요소에서 "inputValue"에 대한 올바른 상태를 추출하여 상위 구성 요소에 넣는 방법을 알 수 없습니다. 이상적으로는 inputValue 및 isValidated 상태가 모두 상위 구성 요소에 존재하여 다양한 양식 기반 함수에서 사용할 수 있기를 바랍니다. 상위 구성요소: importReact,{useState}from'react';import

P粉300541798 2023-09-17 00:11:51 0  1  689

React에서 상태를 이전 상태로 설정할 때 TypeScript 오류를 수정하는 방법은 무엇입니까?

이 상태는 useEffect 어딘가에 const[userInfo,setUserInfo]=React.useState<UserInfo|undefine>() 으로 정의되어 있으며 이전 상태를 기반으로 설정하려고 합니다. 따라서 setUserInfo((prevState)=>{return{...prevState,...someRef.current}})를 수행하지만 다음 오류 Typ로 인해 실패합니다.

P粉520545753 2024-02-03 22:41:43 0  1  406

배열 객체의 경우 onChange 이벤트에서 상태를 업데이트하는 방법

상태가 있습니다: const[budget,setBudget]=React.useState<{name:string;budget:number|null}[]>(); 이름을 기반으로 상태를 업데이트하기 위해 TextField를 사용하려고 합니다. 입력 필드의 값: Budget.map((item)=>{content.push(<TextFieldname={item.name}id={item.na

P粉726234648 2023-09-17 20:42:24 0  1  522

반응 상태가 올바른 순서로 매핑되지 않았습니다.

Redux를 사용하는 Next.js 프로젝트가 있습니다. 내 상점에는 Redux 감속기를 통해 업데이트되는 일련의 상태가 있습니다. 기본적으로 일부 구성 요소에서 자주 사용하는 상태 배열입니다. 내 리듀서 중 하나에서 이 배열을 정렬했습니다. 배열은 객체로 채워지고 특정 속성을 기준으로 정렬됩니다. 배열을 console.log하면 잘 정렬된 것 같습니다. 내 구성 요소 중 하나에서 이 정렬 상태를 매핑했습니다. 여기서는 논리를 단순화했습니다. names.map((p)=>(<divkey

P粉476547076 2024-03-31 09:23:01 0  1  421

Plotly.js Sunburst 차트의 상태 변경 확인

나는 선버스트 차트를 표시하기 위해 플롯리.js를 사용하는 React 앱을 가지고 있습니다. 선버스트 차트의 "확대/축소 상태"에 따라 변경되는 다른 작업/구성 요소가 있습니다. 예를 들어 완전히 축소하면 버스트 차트에 4개의 동심원이 표시됩니다. 중앙에서 두 번째 원을 클릭하면 확대되고 동심원은 3개만 표시됩니다. 클릭 핸들러를 통해 상태를 확인할 수 있다고 생각했는데 쉽지 않은 것 같습니다. 내가 관심 있는 상태는 실제로 보이는 것이 무엇인지, 어느 정도 깊이(동심원이 몇 개인지)이다. 콜백이나 상태를 반영하는...

P粉659516906 2023-08-31 20:42:38 0  1  469

마지막에 CSS 애니메이션을 최종 상태로 유지

CSS에서 opacity:0으로 설정된 일부 요소에 대해 애니메이션을 실행하고 있습니다. 불투명도를 0에서 1로 변경하는 키프레임을 사용하여 onClick 이벤트에 애니메이션 클래스가 적용됩니다(및 기타 몇 가지 변경 사항). 불행하게도 애니메이션이 끝나면 요소는 불투명도:0(Firefox와 Chrome 모두에서) 상태로 돌아갑니다. 내 본능은 애니메이션 요소가 원래 속성을 무시하고 최종 상태로 유지된다는 것입니다. 이것이 사실이 아닌가? 그렇지 않다면 어떻게 요소를 최종 상태로 유지할 수 있습니까? 코드(접두사 버전 제외): @k...

P粉950128819 2023-08-20 18:36:55 0  2  665

React의 구성 요소는 상태 변경 후 변경되지 않습니다(comComponentDidMount 가져오기)

뉴스 앱을 만들기 위해 튜토리얼을 따르고 있고 newapi에서 데이터를 가져오고 있습니다. 제 코드는 튜토리얼과 동일하지만 상태(this.state.articles)를 업데이트한 후에도 구성 요소가 변경되지 않습니다. setState 함수를 사용했고, 콘솔에 상태를 기록해 보았습니다. 업데이트 후 상태가 괜찮아 보이고, 렌더링 메서드가 실행되었지만 아무것도 변경되지 않았습니다. 내 코드/구성 요소 importReact,{Component}from 'react'im에 문제가 있을 수 있습니다.

P粉384679266 2023-09-12 00:02:48 0  2  642

로그아웃 시 Nuxt 애플리케이션 상태를 재설정하는 방법은 무엇입니까?

사용자가 애플리케이션을 종료하면 Pinia의 영구 authStore 상태가 재설정되고 사용자는 /login으로 리디렉션됩니다. 하지만 다음 사용자가 페이지를 새로 고치지 않고 로그인하면 메인 페이지는 여전히 페이지 상태이므로 이전 사용자의 데이터가 표시됩니다. 이 문제를 어떻게 해결해야 합니까? 로그아웃 시 애플리케이션의 모든 상태를 어떻게 재설정해야 합니까? 한 인증 세션의 상태를 다른 인증 세션과 격리하기 위해 권장되는 솔루션이 있습니까? 페이지에서 "로그아웃" 버튼을 눌렀을 때 페이지 상태를 수동으로 재설정해...

P粉706038741 2023-09-16 20:59:12 0  1  651

Vue3 - 페이지 새로 고침을 통해 상태 유지

저는 방금 Vue3을 사용하기 시작했고 vuex를 사용하여 상태를 관리하려고 했습니다. Vue2를 사용할 때 다음과 같이 앱이 로드될 때마다 스토어를 호출합니다. //mains.jsimportVueRouterfrom"vue-router";importVuexfrom"vuex";importrouterfrom"./routes";window.Vue=require('vue

P粉959676410 2024-03-25 23:22:06 0  1  521

PHP 파일은 중국어와 영어의 다른 상태에서 해당 JS 파일을 어떻게 실행합니까?

중국어 상태에서 중국어 버전의 JS 파일을 실행하고 영어 상태에서 영어 버전의 JS 파일을 실행하도록 php 파일을 설정하는 방법

手机用户1611143489 2021-02-07 19:02:56 0  2  976

구성 요소를 다시 렌더링하지 않고 React.js의 Context에서 상태를 업데이트하는 방법은 무엇입니까?

기본적으로 저는 Google Maps API를 사용하고 있으며 건물을 클릭하면 일부 정보가 포함된 모달이 표시됩니다. 모드 상태는 컨텍스트에 있으며 지도의 클릭 이벤트를 통해 업데이트됩니다. 상태가 업데이트되면 상태가 지도 구성요소 자체에서 업데이트되기 때문에 전체 지도를 다시 다시 렌더링합니다(더 작게 만듭니다). 컨텍스트 상태를 업데이트하지만 지도를 다시 렌더링하지 않으려면 어떻게 해야 합니까? 메모와 useCallback을 사용해 보았지만 소품이 업데이트(컨텍스트)되고 있으므로 지도를 다시 다시 렌더링합니다.

P粉322319601 2024-02-26 00:05:17 0  1  456

Localstorage 객체 React에서 여러 상태를 업데이트하는 방법

따라서 상태를 유지하는 localStorage 후크가 이미 있지만 이제 업데이트된 함수 const{data,setData}=useLocalStorage();constaddWorkExperience=()=>{letadditionJob={를 추가하기 위해 개체의 두 항목을 업데이트하려고 합니다. ..data,jobExperience:[...data.jobExperience,{도시:""

P粉696605833 2023-09-14 11:49:00 0  1  558

React 쿼리의 경쟁 조건

반응 쿼리를 사용하여 Todo 앱을 만들려고 하는데 경쟁 조건 문제가 발생했습니다. 사용자가 새 할 일을 업데이트/생성한 다음 저장을 클릭하는 할 일 페이지가 있습니다. 저장 과정은 사용자의 인터넷 연결 상태에 따라 약 3초 정도 소요될 수 있습니다. 할 일 항목을 편집한 후에도 사용자는 할 일 페이지에 남아 있습니다. 새 할 일 항목을 생성한 후 사용자는 할 일 항목 페이지로 이동합니다. 문제는 사용자가 할 일을 생성/업데이트한 다음 할 일 모달 표시를 클릭하면(이것은 외부 구성 요소이므로 편집할 수 없음) 모달이 편집하기 전에 ...

P粉364642019 2023-09-03 09:51:21 0  1  683

javascript - 이미지 링크 요청이 항상 보류 상태이므로 페이지가 다운됩니다. 어떻게 해결하나요?

인터페이스를 요청하면 이미지 링크가 반환됩니다. 이미지 링크를 읽으면 항상 보류 상태 코드와 실패 상태 코드가 반환되지 않으며 장기 보류 상태로 유지됩니다. 보류로 인해 페이지가 충돌합니다. 어떻게 해결하나요?

阿神 2017-06-05 11:13:58 0  1  1278

console.log에 개체의 현재 상태를 표시하는 방법은 무엇입니까?

추가 기능이 없는 Safari(및 실제로 대부분의 다른 브라우저)에서 console.log는 console.log가 호출될 때의 상태가 아니라 실행이 끝날 때 개체의 상태를 표시합니다. 해당 코드 줄에서 개체의 상태를 가져오려면 개체를 복제하여 console.log를 통해 출력해야 합니다. 예: vartest={a:true}console.log(test);//{a:false}test.a=false;console.log(tes

P粉868586032 2023-08-22 13:37:22 0  2  539

상태의 배열 재정렬

나는 zustand를 사용하여 할 일 항목 배열이 포함된 전역 상태를 만들고 각 할 일 항목에 대해 완료/실행 취소를 추가, 제거 및 전환하는 기능을 가지고 있습니다. 또한 DndKit을 사용하여 각 ToDo 구성 요소를 드래그 앤 드롭하고 전역 컨텍스트에서 재정렬합니다. 이를 위해 다음과 같이 zustand 저장소에 reorderTodo 함수를 만들어야 합니다. conshandleDragEnd=(event:any)=>{const{active ,over }=이벤트;if(active.i

P粉741678385 2024-03-30 14:44:42 0  1  389

React 경고: useEffect에서 상태를 업데이트할 때 업데이트 깊이가 최대 제한을 초과했습니다.

부울 변수를 포함하는 객체인 상태 변수를 업데이트하려고 합니다. 데이터를 사용할 수 있게 되면(버튼 클릭 시 호출된 API 호출에 대한 응답으로) useEffect 내에서 상태를 업데이트합니다. 그런 다음 이 데이터를 사용하여 또 다른 구성 요소인 모달을 호출하고, 사용할 수 있는 데이터가 없으면 다른 모달을 표시합니다. 팝업을 닫으면 상태 변수가 업데이트되어야 합니다. const[modalState,setModalState]=useState<IModalState>({sho

P粉447785031 2023-09-06 13:46:55 0  1  567

python - 마르코프 체인 상태 전이 확률 행렬 찾기

시계열은 다음과 같습니다. {코드...} 이 시계열은 총 4032개의 값을 가지며, 이들 값의 값 공간은 115가지 방식을 갖습니다. a=[-0.49,-0.47,-0.45···· ··1.75,1.77 ,1.79], 이제 이 115*115 상태 전이 확률 행렬을 찾고 싶습니다. MATLAB 프로그램을 작성했지만 계산을 해보니...

習慣沉默 2017-05-18 10:57:34 0  1  1674

React 하위 구성 요소는 useEffect 내부의 비동기 함수에서 상태 변경을 감지할 수 없습니다.

useState 내부에 있는 비동기 함수 내에서 생성된 상태를 전달하려고 합니다. 나는 useRef가 변경 가능한 상태를 참조할 수 있기 때문에 아마도 이 문제를 해결하는 가장 좋은 방법이라는 것을 배웠고, 그 과정에서 React-useStateRef에 대해 배웠습니다. 이는 마침내 내 메인 구성 요소 내부의 상태가 업데이트되지 않은 또 다른 문제를 해결했습니다. 문제(계속 " 렌더링이 너무 많습니다' 오류). 따라서 이는 본질적으로 useRef와 useState가 하나로 통합된 역할을 합니다. 그러나 내 상태가 최종적으로...

P粉609866533 2023-09-02 12:55:44 0  1  527