cyworld

기능 구성 요소를 애니메이션으로 전달.애니메이션 구성 요소 생성 기능(비반응 클래스) 구성 요소를 에 전달하려는 경우Animated.createAnimatedComponent라고 하는 오류를 던진다. 상태 비저장 기능 구성 요소가 createAnimatedComponent의 하위 기능으로 잘못됨 리액션 훅을 사용하는 앱에서 나온 내 모든 구성요소는 기본적으로 기능한다. 이러한 정보를 에 전달할 수 있는 방법이 있는가?createAnimatedComponent그것들을 싸지 않고Animated.View또는 심지어 정의로운View? 다음은 애니메이션이 가능한 구성 요소의 예입니다. function MyComponent({ someProp }) { const [counter, setCounter] = useSt..

반응 후크가 있는 Redex 작업 대기 중 데이터 가져오기가 발생할 때 로드 컴포넌트를 보여주기 위해 양식 제출을 처리하려고 한다.데이터를 내 컴퓨터에 로드했을 때 표시하려고 함Redux저장하다 지금 당장, 나는 내 컴포넌트를 사용하도록 설정했다.React훅. 데이터가 내 안으로 로드되는 동안redux성공적으로 저장, 작업이 완료된 결과를 어떻게 "기다리는"지 잘 모르겠다.내 구성 요소의 모양을 단순화한 버전은 다음과 같다. const DataPage = (props) => { const [isLoading, setIsLoading] = useState(false); const [isError, setError] = useState(false); useEffect(() => { // Reset Filte..

useLimenscer([state,dispatch]]) 및 useContext를 사용하여 불필요한 리렌더를 피하는 방법 다중 사용사용시 상태 렌더링의 일부를 사용하여 모든 구성 요소를 축소하십시오. import React, { useContext } from 'react' import Store from '../store' import { setName } from "../actions/nameActions" const Name = () => { const { state: { nameReducer: { name } }, dispatch } = useContext(Store) const handleInput = ({ target: { value } }) => { dispatch(setName(value)..

대응 후크를 렌더링하기 전에 API 데이터 대기 나는 API 전화를 두 번 한다.데이터 위치getAllCampaignapi는 다음을 위해 렌더링한다.loadStats데이터 없이 테이블을 빌드하기 위해 리액션이 진행되므로 검색되지 않은 TypeError: 정의되지 않은 속성의 '데이터'를 읽을 수 없음. 여기 내가 하는 일이 있다. coreapi 도움말: export const getAllCampaign = () => { return fetch(`https://api.truepush.com/api/v1/listCampaign/1`, { method: "GET", headers: { Authorization: `$TOKEN`, "Content-Type": "application/json", }, }) .th..

React Hooks useEffects의 기능이 호출되기 전에 렌더가 발생하는가? useEffect의 첫 번째 함수가 첫 번째 렌더보다 먼저 호출된다고 생각했을 텐데, 아래 메서드를 호출하면 반환 메서드 호출 직전에 내 console.log가 호출되면 useEffect의 첫 번째 매개 변수 함수가 호출된다. 통화 순서: just before render return ImageToggleOnScroll.js:8 useEffect before setInView ImageToggleOnScroll.js:10 useEffect after setInView 출처: import React, {useState,useRef,useEffect} from "react"; // primaryImg is black and ..

Reducx 종속성은 변경되지 않았지만 후속 렌더링 후 useEffect run 값비싼 부작용이 있는 반응 기능 구성 요소를 가지고 있다. useEffect(() => { doExpensiveSideEffect(reduxProp); }, [reduxProp]); reduxPropRedex-connector를 통해 외부에서 공급되는 속성이다.이 질문에 대해서는 정확한 기원이 밝혀졌으면 한다.reduxProp상관없다 내 문제는 이다doExpensiveSideEffect필요 이상으로 자주 달리다 첫 번째 렌더 다음에 실행되는데, 괜찮다. 그것은 언제든지 실행된다.reduxProp재입고했어 그것도 괜찮아 단, 다음 렌더링 후에도 계속 운행한다.reduxProp변하지 않았다! 이것이 내 질문으로 이어진다:후속 렌..

반응 후크를 사용하여 이벤트 핸들러가 잘못된 상태로 발사되는 이유는? 나는 이 회전하는 것의 복사본을 만들려고 한다.div반응 후크 사용 예시.https://codesandbox.io/s/XDjY28XoV 지금까지 내 암호는 이렇다. import React, { useState, useEffect, useCallback } from 'react'; const App = () => { const [box, setBox] = useState(null); const [isActive, setIsActive] = useState(false); const [angle, setAngle] = useState(0); const [startAngle, setStartAngle] = useState(0); const [..

사용자 지정 후크에 대응하여 preventDefault 사용 나는 리액션 초보 개발자다.나는 후크를 사용해서 했던 양식 튜토리얼을 강화하려고 노력 중이다.나는 입력과 버튼이 각각 별도의 구성 요소가 되도록 코드를 리팩터링했다.나는 또한 각각의 훅이 별도의 파일에 있도록 훅을 리팩터링했다.내가 부딪히는 문제는 handleSubmit 메소드 사용자 정의 후크(hooks/)의 handleSubmit 메소드 입니다.useSubmitted.js) 파일. 계속 오류가 발생함TypeError: event.preventDefault is not a function나는 그것을 고치려고 노력했고 또한 구글에서 해결책을 찾았지만 소용이 없었다. 여기 링크가 있다. 어떤 도움이라도 감사할 것이다. 고마워요.handleSubm..

자체 npm 패키지에서 react useEffect 관련 문제 우리는 자체 npm패키지를 만들었고 나는 지금 타임아웃 경계태세를 만들고 있다.제대로 작동하려면 useIffect 안에 넣어야 하는데 action.development.js:1465 무수집 오류: 잘못된 후크 호출. . npm 패키지에 있는 컴포넌트의 파일은 타이프릭으로 되어 있지만, 나는 그것이 문제라고 생각하지 않는다. .tsx: import * as React from "react"; /** * @param {string} close_button_title default "Stäng" * @param {"top" | "bottom"} alert_position fixes the alert to bottom och top * @param ..

후크가 달린 수출 수업을 이용할 때 수업을 빼먹어야 할까? 이것은 지식 기반 질문이다.나는 Angular TypeScript 클래스에 기반한 배경에서 Reaction을 처음 접한다.React를 사용할 때 후크를 컴파일하는 데 문제가 있을 때 TypeScript를 계속 사용하고 싶다. 이 코드는 Create React 앱 라이브러리에서 가져온 것이며 Redex 템플릿을 사용한다.카운터 구성요소를 사용하여 카운터를 표시한다. import React, { useState } from 'react'; import { useAppSelector, useAppDispatch } from '../../app/hooks'; import { decrement, increment, incrementByAmount, inc..