starcafe

componentDidUpdate' 메서드를 사용하는 경우 을 개 , ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★componentDidUpdate★★★★★★ 。 이 방법을 사용해야 하는 일반적인 예가 있습니까? 단순한 데모가 아닌 실제 사례를 원합니다.간단한 예로는 사용자로부터 입력 데이터를 수집한 후 Ajax를 사용하여 해당 데이터를 데이터베이스에 업로드하는 앱이 있습니다.다음은 간단한 예입니다(실행하지 않음 - 구문 오류가 있을 수 있음). export default class Task extends React.Component { constructor(props, context) { super(props, context); this.st..

모든 소품을 useCallback과 useMemo 중 어느 것으로 랩해야 합니까?이 후크를 사용할 때는? 리액트 훅을 사용할 수 있게 되었기 때문에 기능 컴포넌트가 useCallback과 함께 전달된 모든 기능을 useMemo로 감싸야 합니까? 또한 소품 값에 따라 커스텀 기능을 컴포넌트에 포함시키려면 useCallback으로 포장해야 합니까? 이 후크를 사용하여 컴포넌트 랩에서 어떤 소품 또는 고정 값을 결정할 때 좋은 방법은 무엇입니까? 이것이 성능을 향상시킨다면 왜 항상 그렇게 하지 않는가? 클릭 핸들러를 랩하고 커스텀 로직을 추가하는 커스텀버튼을 검토해 보겠습니다. function ExampleCustomButton({ onClick }) { const handleClick = useCallbac..

네이티브: require()를 다이내믹 문자열로 리액트하시겠습니까? React Native와 관련된 문제에 대해 몇 가지 글을 읽은 적이 있습니다.require()다음과 같은 동적 리소스가 필요할 때 기능을 수행합니다. 동적(페일): urlName = "sampleData.json"; data = require('../' + urlName); vs. 정적(성공): data = require('../sampleData.json'); 일부 스레드에서는 이것이 React Native의 버그라고 읽었고, 다른 스레드에서는 이것이 기능이라고 읽었습니다. 기능 내에서 동적 리소스를 필요로 하는 새로운 방법이 있습니까? 관련 투고(모두 리액트 타임으로 꽤 오래됨): React 네이티브의 로컬 json 파일에서 텍스트..

ReactJS의 componentWillMount와 componentDidMount의 차이점은 무엇입니까? (React)에서 Facebook의 문서를 보았습니다.컴포넌트) 및 그 방법에 대해 설명합니다.componentWillMount, "Cisco/Cisco/Cisco"는 "Cisco/Cisco/Cisco"를 호출합니다.componentDidMount는 클라이언트에서만 호출됩니다.무인 does does 가 뭐죠?componentWillMount버에에 대떻 ?? ???componentWillMount는 기본적으로 컨스트럭터입니다.렌더링에 영향을 주지 않는 인스턴스 속성을 설정하고, 스토어에서 데이터를 동기적으로 꺼내 setState와 함께 설정할 수 있습니다.또한 컴포넌트를 셋업할 때 실행해야 하는 기타..

리액트 훅을 사용하여 다음 렌더링에 집중하는 방법 훅을 가지고 놀고 있는데, 다음을 하려고 합니다. import React, { useState, useRef } from 'react'; const EditableField = () => { const [isEditing, setEditing] = useState(false); const inputRef = useRef(); const toggleEditing = () => { setEditing(!isEditing); if (isEditing) { inputRef.current.focus(); } }; return ( {isExpanded && } Edit ); }; 이건 실패할 거야, 왜냐하면current컴포넌트가 아직 재실행되지 않았고 입력 필드가 ..