newsource

"Stateless function components cannot be refs"는 무슨 뜻입니까? 이거 있어요. const ProjectsSummaryLayout = ({projects}) => { return ( Projects { projects.map(p => {p.contract.client}) } ) } const ProjectsSummary = connect( state => ({projects: state.projects}) )(ProjectsSummaryLayout) 그 결과: 경고: 상태 비저장 기능 구성 요소를 참조할 수 없습니다(참조 "랩핑" 참조).Connect(ProjectsSummaryLayout)에 의해 작성된 ProjectsSummaryLayout의 인스턴스"입니다.이 참..

ES6 Import 스테이트먼트에서 곱슬곱슬한 중괄호의 사용법은 무엇입니까? Import에는 다음 두 가지 방법이 있습니다. import React from 'react' import { render } from 'react-dom' 두 번째 것은 괄호입니다.그 둘의 차이점은 무엇입니까?그리고 언제 괄호를 추가해야 하나요?컴포넌트를 괄호 안에 Import할 것인지, 아니면 괄호 안에 Import하지 않을 것인지의 차이는 컴포넌트를 Import할 것인지에 따라 달라집니다.export바로 그거에요. 내보내기에는 두 가지 유형이 있습니다. 디폴트 내보내기 이름 있는 내보내기 구성 요소에는 기본 내보내기가 하나이고 이름이 지정된 내보내기가 0개 이상 있을 수 있습니다. 컴포넌트가 기본 내보내기인 경우 괄호 없이..

React-Redux: 액션은 일반 개체여야 합니다.비동기 작업에 사용자 지정 미들웨어 사용 처리되지 않은 거부(오류):작업은 일반 개체여야 합니다.비동기 액션에 커스텀 미들웨어를 사용합니다. 댓글 하나하나 달려고 했는데그래서 fetch posts가 실행되면 모든 post에 대해 fetch comment API를 호출하고 싶습니다. export function bindComments(postId) { return API.fetchComments(postId).then(comments => { return { type: BIND_COMMENTS, comments, postId } }) } 비동기 요구가 종료된 후 디스패치해야 합니다. 이 방법은 다음과 같습니다. export function bindComm..

새 URL을 푸시할 때 React 구성 요소 렌더가 여러 번 호출됩니다. 사용자가 왼쪽이나 오른쪽을 누르면 사진이 바뀌는 PhotoViewer를 만들고 있습니다.React, Redux, react-router, react-router-redux.오른쪽을 때 저는 가지 . 즉, 저는 이 을 업데이트 할 때 합니다.this.context.replace() 보고 사진을 하기 위한 을 보냅니다.this.props.dispatch(setPhoto(photoId))디버깅을 위해 상태 변경에 가입하고 있습니다. 위의 각 행은 새로운 상태 변경을 트리거합니다.을 된다.currentlyViewedPhoto하기 때문에, 은 react-syslog-syslogx의 URL을 갱신합니다.첫가 됩니다.render을 사용하다 번째..

react/typescript: 매개 변수 'props'에 암시적으로 '임의' 형식 오류가 있습니다. react-bootstrap에서 이 샘플코드를 시도하면 "파라미터 'context'에는 암묵적으로 'any' 타입이 있습니다; "Property 'value'는 'Readonly' 타입에 존재하지 않습니다."와 같은 오류가 계속 발생합니다. 형식.tsx: class FormExample extends React.Component { constructor(props, context) { super(props, context); this.handleChange = this.handleChange.bind(this); this.state = { value: '' }; } getValidationState() ..

TypeError:scrollIntoView는 함수가 아닙니다. react-testing-library/jeast를 처음 접하여 (react-router-dom을 사용하여) 경로의 네비게이션이 올바르게 수행되는지 확인하기 위한 테스트를 작성하려고 합니다.지금까지 README와 이 튜토리얼의 사용 방법에 대해 살펴보았습니다. 컴포넌트 중 하나가 로컬 함수로 scrollIntoView를 사용하여 테스트가 실패합니다. TypeError: this.messagesEnd.scrollIntoView is not a function 45 | 46 | scrollToBottom = () => { > 47 | this.messagesEnd.scrollIntoView({ behavior: "smooth" }); | ^ 4..

"오류: 리듀서 실행 중에는 store.getState()를 호출할 수 없습니다." 완전히 기능하는 리액트 네이티브 앱을 Redux v4로 업그레이드했는데 다음 오류가 나타납니다. 오류: 오류: 오류: 오류:리듀서 실행 중에는 store.getState()를 호출할 수 없습니다.리덕터는 이미 상태를 인수로 받았습니다.가게에서 읽지 말고 상단 환원기에서 물려주세요. 문제는 다른 컴포넌트 내부에 여러 개의 컴포넌트가 있고 각각이 다른 컴포넌트를 가지고 있다는 것입니다.connect(mapStateToProps, mapDispatchToProps)(Component)그리고 이것이 올바른 실행 방법은 아니라고 생각합니다만, 적절한 실행 방법은 모르겠습니다. 어떤 방향이든 감사합니다! 스택 트레이스: This e..

형태와 함께 Proptype 배열 반응 컴포넌트에 전달되는 오브젝트의 배열이 실제로 특정 형상의 오브젝트의 배열이 되도록 하기 위해 proptypes를 사용하는 빌트인 방법이 있습니까? 이런 거? annotationRanges: PropTypes.array(PropTypes.shape({ start: PropTypes.number.isRequired, end: PropTypes.number.isRequired, })), 내가 너무 뻔한 걸 놓쳤나?이건 매우 인기가 있을 것 같네요.사용할 수 있습니다.React.PropTypes.shape()의 의론으로서React.PropTypes.arrayOf(): // an array of a particular shape. ReactComponent.propTypes..