c10106

Redex의 대기열 동작 현재 Redex Actions를 연속적으로 실행해야 하는 상황이 있다.나는 여러 가지 미들웨어, 그러한 환원 약속들을 살펴봤는데, 그 연이은 행동들이 (더 나은 용어가 없어서) 촉발되는 근본의 지점에 어떤 것이 있는지 알면 괜찮은 것 같다. 본질적으로, 나는 어느 시점에나 추가될 수 있는 일련의 행동들을 유지하고 싶다.각 개체는 그 상태에 이 대기열의 인스턴스를 가지고 있으며 그에 따라 종속적인 동작은 열거, 처리 및 디큐레이션될 수 있다.나는 구현이 있지만, 그렇게 함으로써 나는 내 액션 크리에이터의 상태에 접근하고 있다. 그것은 반패턴적인 느낌이다. 사용 사례와 구현에 대한 컨텍스트를 제공하도록 노력하겠다. Use Case 일부 목록을 만들어 서버에서 계속 유지하려고 한다고 ..

반응에서 형제 구성 요소의 상태를 쉽게 설정하는 방법 선택 요소를 구동하는 데 사용할 클릭 가능한 목록 구성 요소의 시작점을 얻었다.아래에서도 알 수 있듯이onClick의ListItem, 아이 원소의 상태를 지나가고 있다().ListItem(이 경우) 부모에게 (이 경우)SelectableList그리고CustomSelect구성 요소.이것은 잘 작동한다.그러나 ListItem 중 하나를 클릭했을 때 선택한 상태를 전환하도록 형제 구성 요소(다른 ListItems)의 상태를 변경하는 것도 하고 싶다. 지금, 난 그저document.querySelectorAll('ul.cs-select li)클릭된 인덱스와 일치하지 않을 때 요소를 잡고 클래스를 선택한 클래스로 변경ListItem이것은 어느 정도 효과가 있다..

효소/반응 테스트에서 렌더와 얕은 렌더를 언제 사용해야 하는가? 이 질문을 올리기 전에 나는 sqa stackexchange를 검색하려고 했지만 얕은 곳에 대한 게시물을 찾지 못했기 때문에 누군가가 나를 도와줄 수 있기를 바란다. 테스트 반응 구성 요소를 테스트할 때 언제 얕게 사용하여 렌더링해야 하는가?나는 에어비앤비 문서를 바탕으로 두 개의 차이점에 대해 몇 가지 의견을 냈다. 얕은 부분이 하나의 단위로 구성품을 테스트하기 때문에 '상위' 구성품에 사용해야 한다(예: 표, 포장지 등). 렌더는 하위 구성 요소용입니다. 내가 이 질문을 한 이유는, 내가 어떤 것을 사용해야 하는지 알아내기가 어렵기 때문이다(의사에서는 매우 비슷하다고 하지만) 그렇다면, 특정 시나리오에서 어떤 것을 사용해야 하는지 어떻게..

Resact의 해당 구성 요소 외부에 있는 버튼에서 양식을 제출하는 방법? 내 리액션 컴포넌트 중 하나와 외부 컴포넌트 안에 있는 양식을 가지고 있는데, 그걸 리액션이라고 부르는 컴포넌트 안에 있는 버튼에 참조를 전달해서 그 버튼을 이용해서 제출도 할 수 있게 하고 싶다. 좀 더 명확하게 하기 위해 나는 다음과 같은 것을 가지고 있다. import React, { Component } from "react"; import ReactDOM from "react-dom"; class CustomForm extends Component { render() { return ( Inside Custom ); } } function App() { return ( In Root ); } const rootElemen..

다중 페이지 앱에서 반응 사용 나는 리액션과 놀아왔고 지금까지 정말 좋아해.나는 NodeJS로 앱을 만들고 있는데, 어플리케이션 전체의 일부 인터렉티브 컴포넌트에 대해 리액션을 사용하고 싶다.나는 한 페이지 앱으로 만들고 싶지 않아. 나는 아직 웹에서 다음 질문에 대답할 만한 것을 찾지 못했다. React 구성 요소를 여러 페이지 앱에서 분리하거나 번들로 묶는 방법 앱의 일부 섹션에서는 로드하지 않아도 현재 내 모든 구성 요소가 하나의 파일에 있다. 지금까지 나는 리액션이 렌더링할 컨테이너의 ID를 검색하여 구성요소를 렌더링하기 위해 조건문을 사용하려고 한다.리액션의 모범적 실무 지침이 무엇인지 100% 확신할 수 없다.이렇게 생겼어. if(document.getElementById('a-compenen..

리액션 렌더 함수에서 빈 상태로 반환할 수 있는가? 알림 구성 요소가 있고 시간 초과 설정이 있어.시간 초과 후 호출this.setState({isTimeout:true}). 내가 하고 싶은 것은 이미 시간이 초과되었다면 아무 것도 렌더링하지 않고 싶다. render() { let finalClasses = "" + (this.state.classes || ""); if (isTimeout){ return (); // here has some syntax error } return ({this.props.children}); } 문제는 다음과 같다. return (): // 여기에 구문 오류가 있음 할 수 , 빈칸 그대를 만 하면 돼, 수표도 있고, 빈칸도 있고, 빈칸도 있고.null하기 싫으면rende..

Nextjs: TypeError: 지원되지 않는 파일 형식: v.11로 업데이트한 후 정의되지 않음 업데이트 후 이미지를 로드하려고 할 때 11에서 다음 항목: import segmentLogoWhitePng from 'assets/images/my-image.png' 다음 오류가 발생함: TypeError: unsupported file type: undefined (file: undefined) 최신 업데이트 그것은 지금 현재 작동하고 있다.next@v11.0.1. 아래 단계를 따를 필요가 없음. 해결 방법으로 지금은 정적 이미지 기능을 사용하지 않도록 설정하십시오. // next.config.js module.exports = { images: { disableStaticImages: true } ..

동적 href 태그 JSX에서 반응 // This Javascript tag generates correctly React.createElement('a', {href:"mailto:"+this.props.email}, this.props.email) 하지만, 나는 그것을 JSX에서 재현하기 위해 애쓰고 있다. {this.props.email} // => Href 태그는{this.props.email}값을 동적으로 입력하는 대신 문자열이{this.props.email}내가 어디로 잘못 갔는지 생각나는 거 있어?문자열을 문자열에 할당하기 때문에 문자열을 반환하는 것이다. 시작 부분에 문자열을 포함하는 동적 속성으로 설정하려는 경우 email패트릭이 제안하는 것을 하기 위한 약간 더 많은 ES6 방법은 템플..

리액터-루터와 함께 앵커 사용 리액션 라우터를 사용하고 특정 페이지의 특정 위치로 링크를 이동시키는 방법(예:/home-page#section-three) 세부 정보: 나는 사용하고 있다react-router내 리액트 앱에서. 페이지 특정 부분에 연결해야 하는 사이트 전체 탐색 모음을 가지고 있다./home-page#section-three. 그러니 설사 당신이 명령한다 해도/blog이 링크를 클릭하면 홈 페이지가 로드되고 섹션 3이 보기로 스크롤된다.이것이 바로 표준이다.

렌더링하기 전에 서버에서 데이터 가져오기 응답 나는 리액션을 처음 해, 서버에 데이터를 가져와 클라이언트에게 데이터가 포함된 페이지를 보내고 싶어. 함수 getDefaultProps가 {data: {books: [{..}, {..}과 같은 더미 데이터를 반환할 때 괜찮다.}]}}. 그러나 아래 코드에서는 작동하지 마십시오."정의되지 않은 속성 '책'을 읽을 수 없음" 오류 메시지와 함께 이 순서로 코드가 실행됨 getDefaultProps 돌아오다 을 가져오다 {data: {books: [{..}, {..}}]}} 하지만, 나는 코드가 이 순서대로 실행되어야 한다고 생각한다. getDefaultProps 을 가져오다 {data: {books: [{..}, {..}}]}} 돌아오다 감 잡히는 게 없어요? ..