reactjs 31

플럭스 아키텍처에서는 스토어 라이프 사이클을 어떻게 관리합니까?

플럭스 아키텍처에서는 스토어 라이프 사이클을 어떻게 관리합니까? Flux에 대해서 읽고 있습니다만, Todo 앱의 예는 너무 단순해서 요점을 이해할 수 없습니다. 사용자 프로필 페이지가 있는 Facebook과 같은 단일 페이지 앱을 상상해 보십시오.각 사용자 프로파일페이지에서 사용자 정보와 마지막 투고를 무한 스크롤로 표시하려고 합니다.사용자 프로파일 간에 이동할 수 있습니다. 플럭스 아키텍처에서는 이것이 스토어 및 디스패처와 어떻게 대응합니까? 요?PostStore니면 글글 토토 토토 토? ???스패패? 츠요시사용자 페이지마다 디스패처를 새로 만들까요?글톤톤? 츠요시마지막으로 루트 변경에 대응하여 "페이지별" 스토어의 라이프 사이클을 관리하는 아키텍처는 무엇입니까? 또한 하나의 의사 페이지는 동일한 유..

source 2023.03.11

지정 시 패키지에 "프록시"가 있습니다.json은 문자열이어야 합니다.

지정 시 패키지에 "프록시"가 있습니다.json은 문자열이어야 합니다. 리액트 의뢰인인 내 패키지에 프록시를 넣고 싶다.json 내용: ... "scripts": { "start": "react-scripts start", "build": "react-scripts build", "test": "react-scripts test", "eject": "react-scripts eject" }, "proxy": { "/auth/google": { "target": "http://localhost:5000" } }, ... 하지만 실행해보니 오류가 발생했습니다. When specified, "proxy" in package.json must be a string. [1] Instead, the type of ..

source 2023.03.11

조롱하는 모멘트()와 모멘트().형식은 joke를 사용합니다.

조롱하는 모멘트()와 모멘트().형식은 joke를 사용합니다. 나는 조롱할 수 없다.moment()또는moment().format기능들.제 주(州)에는currentDateMoment그리고.currentDateFormatted아래와 같이 설정되어 있습니다. currentDateMoment: moment() //2019-04-23T17:45:26.339Z currentDateFormatted: moment().format('MM-DD-YYYY').valueOf() //"04-23-2019" 둘 다 비웃으려고 해moment()그리고.moment().format스냅숏 테스트에서 특정 날짜를 반환했지만 반환할 수 없었습니다.아래에서 시도했다. jest.mock('moment', () => () => '2018–0..

source 2023.03.06

커스텀 훅과 일반 기능의 반응, 차이점은 무엇입니까?

커스텀 훅과 일반 기능의 반응, 차이점은 무엇입니까? 나는 커스텀 훅에 머리를 싸매려고 한다.정상적인 후크는 이해하지만, 커스텀 후크를 쓸 때 일반 기능과 어떤 차이가 있습니까?사용법이라고 부르지 말고 일반 기능이라고 하면 어떨까요?*아무도 당신의 질문에 정확히 대답하지 않았다고 생각합니다.후크라고 하는 이 추가 기능의 장점과 목적도 이해하고 있습니다만, 아직 이해를 나눌 수 있습니다. 리액트 훅은 리액트의 힘을 가진 JS 함수입니다.즉, 일반 JS 함수에 추가할 수 있는 로직을 추가할 수 있을 뿐만 아니라 useState, useEffect 등의 네이티브 훅을 사용하여 로직을 활성화하거나 상태를 추가하거나 부작용, 메모화 등을 추가할 수 있습니다.따라서 훅은 컴포넌트의 로직을 고립된 방식으로 관리하는 ..

source 2023.03.06

리액트 훅으로 입력 처리

리액트 훅으로 입력 처리 사용자의 텍스트 입력을 후크로 처리하는 방법은 여러 가지가 있습니다.후크를 사용하여 입력을 처리하는 더 바람직한 방법 또는 적절한 방법은 무엇입니까?어떤 것을 사용하시겠습니까? 1) 입력 처리에 가장 간단한 후크이지만, 더 많은 필드가 있으며, 더 반복적인 코드를 작성해야 합니다. const [username, setUsername] = useState(''); const [password, setPassword] = useState(''); 이벤트: onChange={event => setPassword(event.target.value)} onChange={event => setUsername(event.target.value)} 2) 위의 예와 비슷하지만 동적 키 이름을 사..

source 2023.03.01

JSX react/react-in-jsx-scope를 사용할 때 'React'가 범위에 있어야 합니까?

JSX react/react-in-jsx-scope를 사용할 때 'React'가 범위에 있어야 합니까? 저는 앵귤러 현상제이며 리액트를 처음 접하는 사람입니다.이것은 단순한 리액션 컴포넌트이지만 동작하지 않습니다. import react , { Component} from 'react'; import { render } from 'react-dom'; class TechView extends Component { constructor(props){ super(props); this.state = { name:'Gopinath' } } render(){ return( hello Tech View ); } } export default TechView; 오류: JSX react/react-in-jsx-sco..

source 2023.02.22

Basic Respect 폼 제출 시 페이지 전체가 갱신됩니다.

Basic Respect 폼 제출 시 페이지 전체가 갱신됩니다. 컴포넌트의 상태 변수에 정보를 저장하고 그 변수를 화면에 출력하는 입력 양식을 작성하려고 합니다.통제된 컴포넌트에 대한 문서를 읽었는데, 그게 바로 제가 시도하고 있는 겁니다. 여기서의 주된 문제는, 「전송」을 클릭하면, 올바른 텍스트가 화면에 표시되지만, 그 후에 페이지 전체가 갱신되어 이유를 알 수 없다는 것입니다.제가 인터넷에서 읽은 바로는refs솔루션인 것처럼 보이지만, 제가 아는 바로는 그 컴포넌트나 제어 컴포넌트 중 하나를 사용할 수 있다는 것입니다. class InputField extends React.Component { constructor(props) { super(props); this.state = { itemName..

source 2023.02.22

React-Router v4+로 페이지 제목을 변경할 수 있는 방법이 있습니까?

React-Router v4+로 페이지 제목을 변경할 수 있는 방법이 있습니까? React-Router v4+가 위치를 변경할 때 페이지 제목을 변경하는 방법을 찾고 있습니다.Redx 로케이션 변경 액션을 듣고 그 루트를 체크하고metaData물건. React-Router v4+를 사용하는 경우 고정 경로 목록은 없습니다.실제로 사이트 주변의 다양한 컴포넌트는Route같은 패스 스트링을 사용합니다.그 말은 내가 쓰던 방법이 더 이상 통하지 않는다는 거야. 주요 루트가 변경되었을 때 액션을 호출하여 페이지 제목을 갱신할 수 있는 방법이 있습니까?아니면 사이트의 메타데이터를 갱신할 수 있는 더 좋은 방법이 있습니까?컴포넌트에는 렌더 속성이 있습니다.따라서 다음과 같이 루트를 선언함으로써 로케이션이 변경되었을..

source 2023.02.22

리액트 앱에서 npm start를 실행할 때 babel-jest 의존성 문제

리액트 앱에서 npm start를 실행할 때 babel-jest 의존성 문제 가 하고 있는 하고 cd후 create-react-app cd를 실행하려고 것뿐입니다.npm/yarn start다음의 에러/출력/로그가 표시됩니다.저는 제안된 모든 단계를 거쳤습니다.Yarn'npm'true's.env'SKIP_PREFLIT_CHECK=true'입니다.최근 모하비로 업데이트하여 비슷한 경험을 한 사람이 있다면 X코드를 다시 설치해야 합니다. Last login: Tue Oct 30 16:30:24 on ttys002 TheLAB11:~ jasonspiller$ cd repos/react-express-graphql-app/ TheLAB11:react-express-graphql-app jasonspiller$ n..

source 2023.02.22

React useState() 후크를 사용한 상태 개체 업데이트 및 병합

React useState() 후크를 사용한 상태 개체 업데이트 및 병합 리액트 훅 문서 두 개가 좀 헷갈리네요상태 후크를 사용하여 상태 개체를 업데이트하기 위한 베스트 프랙티스는 무엇입니까? 가 다음 상태를 갱신한다고 가정합니다. INITIAL_STATE = { propA: true, propB: true } stateAfter = { propA: true, propB: false // Changing this property } 옵션 1 Using the React Hook 기사에서는 다음과 같은 내용이 가능합니다. const [count, setCount] = useState(0); setCount(count + 1); 그래서 내가 할 수 있는 일: const [myState, setMyState]..

source 2023.02.16