reactjs 20

React.useState는 소품에서 상태를 새로고침하지 않습니다.

React.useState는 소품에서 상태를 새로고침하지 않습니다. 소품 변경 시 상태 새로고침이 예상되지만 이 방법은 작동하지 않습니다.user변수가 다음에 업데이트되지 않음useState콜, 무슨 일이야? function Avatar(props) { const [user, setUser] = React.useState({...props.user}); return user.avatar ? () : (Loading...); } 코드펜useState에 전달된 인수는 클래스 구성 요소의 생성자 설정 상태와 매우 유사한 초기 상태이며 재렌더 시 상태를 업데이트하는 데 사용되지 않습니다. 프로펠러 변경 시 상태를 업데이트하려면 다음을 사용하십시오.useEffect후크 function Avatar(props) {..

programing 2023.04.04

리액트 라우터를 사용하여 다른 루트로 리다이렉트하려면 어떻게 해야 하나요?

리액트 라우터를 사용하여 다른 루트로 리다이렉트하려면 어떻게 해야 하나요? 리액트 라우터(버전^1.0.3)를 사용하여 다른 뷰로 리다이렉트하여 A SIMPLE을 실행하려고 합니다. import React from 'react'; import {Router, Route, Link, RouteHandler} from 'react-router'; class HomeSection extends React.Component { static contextTypes = { router: PropTypes.func.isRequired }; constructor(props, context) { super(props, context); } handleClick = () => { console.log('HERE!', thi..

programing 2023.04.04

리액트 컴포넌트의 DOM을 변환하는 JQuery 플러그인을 사용하고 있습니까?

리액트 컴포넌트의 DOM을 변환하는 JQuery 플러그인을 사용하고 있습니까? 일부 JQuery 플러그인은 DOM 노드에 동작을 추가할 뿐만 아니라 노드도 변경합니다.예를 들어 부트스트랩 스위치가 와 같은 것으로 ON OFF 와 함께 $("[name='my-checkbox']").bootstrapSwitch(); React와 일치하지 않는 것: Uncaught Error: Invariant Violation: findComponentRoot(..., .0): Unable to find element. This probably means the DOM was unexpectedly mutated (e.g., by the browser), usually due to forgetting a when using..

programing 2023.04.04

React 프로젝트의 .gitignore에 있어야 하는 파일 또는 폴더는 무엇입니까?

React 프로젝트의 .gitignore에 있어야 하는 파일 또는 폴더는 무엇입니까? 저는 리액트 프로젝트를 만들고 Laptop과 Windows 10 데스크톱에서 Linux mint를 사용하고 있습니다.컴퓨터를 바꿀 때마다 캐시를 청소하고 npm을 설치하지 않으려면 .gitignore에 어떤 파일이나 폴더를 보관해야 하는지 알고 싶습니다.왜 신경써요?브라우저에서 gitignore.io을 선택하고 사용 중인 모든 도구와 기술을 선택합니다.자동으로 생성된다..gitignore파일.# Logs logs *.log npm-debug.log* yarn-debug.log* yarn-error.log* # Compiled binary addons (http://nodejs.org/api/addons.html) bui..

programing 2023.03.25

포크를 사용할 때 redux-flocks를 선택합니다.

포크를 사용할 때 redux-flocks를 선택합니다. 아래 두 가지 접근법의 차이점은 무엇입니까? export function* watchLoginUser() { yield takeEvery(USER_LOGIN, loginUser) } export function* watchLogoutUser() { yield takeEvery(USER_LOGOUT, logoutUser) } export function* watchGetParties() { yield takeEvery(PARTIES_GET, getParties) } export default function* root() { yield [ fork(watchLoginUser), fork(watchLogoutUser), fork(watchGetParti..

programing 2023.03.25

반응 - 일부 입력에 대해 "input"의 "value" 프로포트가 null일 수 없습니다.

반응 - 일부 입력에 대해 "input"의 "value" 프로포트가 null일 수 없습니다. 내 React 앱(버전 15.5.4)에서 구성 요소 중 하나의 입력 필드에 대해 다음과 같은 경고가 표시됩니다. Warning: 'value' prop on 'input' should not be null. Consider using the empty string to clear the component or 'undefined' for uncontrolled components. 다음 jsx를 참조합니다. Description 하지만 나는 이것에 대해 당혹스럽다. 왜냐하면 그 가치는this.state.group.description로 설정되어 있다.""내 컨스트럭터에서: this.state = { "group"..

programing 2023.03.25

useEffect 내의 Redx 저장소에서 상태 가져오기 반응

useEffect 내의 Redx 저장소에서 상태 가져오기 반응 Redux 스토어에서 상태를 얻는 올바른 방법은 무엇입니까?useEffect후크? useEffect(() => { const user = useSelector(state => state.user); }); 현재 상태를 파악하려고 합니다.useEffect단, 이 명령어를 사용할 수 없습니다.useSelector이 경우 다음과 같은 오류가 발생하므로 콜합니다. Invariant Violation: Hooks can only be called inside the body of a function component. 나는 왜 그런지 알 것 같아. 왜냐하면 그것은 갈고리의 기본 규칙 중 하나를 어기기 때문이야. Redux 문서의 예제를 검토해보니 이 ..

programing 2023.03.20

서버 없이 React 응용 프로그램 실행

서버 없이 React 응용 프로그램 실행 질문을 하기 전에, 저는 매우 새로운 반응이며, 지금까지 컴포넌트, 상태, 프로펠러, 라우터 등 반응의 기본적인 개념을 배웠습니다.이 질문은 매우 재미있지만, 그 해결책이 필요합니다.제 말이 틀렸다면 정정해 주세요. 서버상에서 애플리케이션을 실행하지 않고 리액트 베이스의 애플리케이션을 실행할 수 있는가.기본적으로는 웹브라우저에서 index.html 파일 경로를 직접 사용할 수 있고 앱이 작동하기 시작했으면 합니다. React js는 javascript 라이브러리이며, 결국 모든 코드는 babel loader(ES6를 사용하는 경우)를 사용하여 플레인 javascript 파일로 변환된 것으로 알고 있습니다.그래서 저는 이게 가능해야 한다고 생각합니다. 먼저 내부적으..

programing 2023.03.20

아직 마운트되지 않은 구성 요소에서 setState를 호출할 수 없습니다.

아직 마운트되지 않은 구성 요소에서 setState를 호출할 수 없습니다. 이런 경고 메시지는 처음입니다. 아직 마운트되지 않은 구성 요소에서 setState를 호출할 수 없습니다. 이하에 나타냅니다. 이것은 no-op이지만, 애플리케이션의 버그를 나타내고 있는 경우가 있습니다.대신, 에 할당합니다.this.state직접 또는 정의하다state = {};원하는 상태의 클래스 속성을 MyComponent 컴포넌트에서 지정합니다. "아직 마운트되지 않은" 부분은 이 문제를 일으키는 유일한 방법은 버튼을 표시하기 위해 마운트해야 하는 컴포넌트에서 버튼을 클릭하여 함수를 호출하는 것이기 때문에 실제로는 의미가 거의 없습니다.컴포넌트는 지정된 시간에 마운트 해제되지 않습니다. 이 더미 컴포넌트는 내 앱에서 오류를..

programing 2023.03.15

반응 원어민: JAVA_HOME이 설정되지 않았으며 PATH에서 'java' 명령을 찾을 수 없습니다.

반응 원어민: JAVA_HOME이 설정되지 않았으며 PATH에서 'java' 명령을 찾을 수 없습니다. 저는 Getting Started 공식에 따라 차근차근 따라해 왔습니다.클린 Linux 설치부터 시작하여 "네이티브 코드를 사용한 빌드 프로젝트" 탭에 따라 필요한 모든 것을 설치했습니다.트러블 슈팅 섹션도 읽었습니다.저는 이미 단말기를 사용하여 프로젝트를 만들었습니다. 가 '오류'를 실행했을 입니다.react-native run-android: Starting JS server... Building and installing the app on the device (cd android && ./gradlew installDebug)... ERROR: JAVA_HOME is not set and no ..

programing 2023.03.15