lovecheck

TypeScript skipLibCheck가 node_modules libs를 아직 검사하고 있습니다. TypeScript를 React와 함께 사용하고 있습니다.TypeScript는 tsconfig.json에서 "skipLibCheck"가 true로 설정되어 있는데도 node_modules 폴더의 라이브러리를 체크하고 있습니다. 다음은 tsconfig.json입니다(트러블 슈팅을 위해 제외 섹션을 추가했습니다만, 이것도 동작하지 않았습니다). { "compilerOptions": { "target": "es5", "forceConsistentCasingInFileNames": true, "module": "commonjs", "jsx": "react", "declaration": true, "source..

React.js를 사용하여 속성이 있는지 확인합니다. react.js를 처음 사용하는데, 옵션 속성이 전달된 재사용 가능한 컴포넌트를 작성하려고 합니다.컴포넌트에서는 옵션 속성이 meteo를 사용하여 DB에서 데이터를 풀하고 반환된 오브젝트에 속성이 있는지 확인하고(parent_task가 task에 존재하는지), 존재하는 경우 링크를 추가합니다.이것은 매우 간단한 것처럼 보이지만, 계속 오류가 발생합니다.제가 놓치고 있는 것에 대해 제안해 주실 분 있나요?제가 놓친 jsx gotcha가 있나요? // rendering component with property // Task List Header Header = React.createClass({ mixins: [ReactMeteorData], getMe..

구성 요소 외부에서 Redux 동작을 트리거할 수 있습니까? 이 질문에는 이미 답변이 있습니다. 반응 컴포넌트 외부에 있는 레덕스 스토어에 액세스하는 가장 좋은 방법은 무엇입니까? (11개의 답변) 빈 javascript 파일에서 디스패치 함수를 호출합니다. (2개의 답변) 닫힘4년 전에요. 리액트 앱을 만들고 있으며, 커스텀 핸들러 라이브러리에 전화를 걸어 REST API에 콜을 발신하고 있습니다. 이러한 (비반응) 함수에서 엔드포인트 응답으로 저장소를 업데이트하기 위해 Redx 액션을 트리거하고 싶지만 일반적인 'mapDispatchToProps'/connect() 메서드 없이 Redex 액션을 트리거하는 방법을 찾을 수 없습니다. 이게 가능합니까? 감사해요.범위 밖에서 디스패치 및 액션을 수행하려면..

불필요한 이스케이프 문자 비활성화: \/ no-use-escape 링크나 url이 포함되어 있는지 확인할 수 있는 정규식을 가지고 있습니다.(i.e. https://eslint.org/docs/rules/no-useless-escape). 이 정규식을 사용합니다./(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/ig테스트 케이스를 실행하는 동안 에러가 발생했습니다.Unnecessary escape character: \/ no-useless-escape이 eslint-error를 비활성화하여 테스트 케이스를 진행하여 regex를 사용하는 방법 협조해 주셔서 감사합니다!ESLint를 사용하여 다음 중 하나를 추가할 수 있습..

리액트 앱의 setInterval 리액트는 아직 처음이지만, 천천히 진행하다가 뭔가 마음에 걸리는 것을 발견하게 되었습니다. React에서 "타이머" 컴포넌트를 구축하려고 하는데, 솔직히 제가 제대로(또는 효율적으로) 하고 있는지 모르겠습니다.아래 코드에서 개체를 반환하도록 상태를 설정합니다.{ currentCount: 10 }장난치고 있다componentDidMount,componentWillUnmount,그리고.render주를 10에서 9까지만 카운트다운할 수 있어요 2부 질문:내가 뭘 잘못 알고 있는 거지?그리고 set Timeout을 사용하는 보다 효율적인 방법은 없을까?componentDidMount&componentWillUnmount)? 잘 부탁드립니다. import React from 'r..

React에서 상위 컴포넌트 인스턴스에 액세스할 수 있는 방법이 있습니까? 기능적인 접근법이 아니라는 것을 알고 있습니다.this.parentReact 컴포넌트 인스턴스에서 상위 컴포넌트로 연결되는 속성을 찾을 수 없지만 필요한 경우 커스텀 작업을 수행할 수 있는지 알아보고 있습니다. React가 기능적인 "방법"이 아니라고 설명하는 데 시간을 낭비하기 전에, 제가 달성하고자 하는 다음과 같은 이유로 이것이 필요하다는 것을 이해하십시오. 렌더링 모델이 상위 구성요소/템플릿을 고려하는 Meteor의 Spacebar 템플릿 엔진용 트랜스필러를 만듭니다. 이를 위해 출력 jsx를 수정하는 트랜스필러를 이미 만들었습니다.나는 이것을 통과함으로써 한다.parent={this}구성되는 모든 하위 구성 요소에서.다만..

ReactJS 프로젝트(폴더) 이름을 변경하려면 어떻게 해야 합니까? 변경 방법 리액트JS 프로젝트(폴더) 이름, 폴더 이름 바꾸기routing(폴더) 대상react-routing-example(폴더). 이 스택 오버플로우에서 이름 변경 질문을 거의 찾을 수 없었지만 React-native와 관련이 있지만 Reactjs는 관련이 없습니다. 편집 1: reactjs 앱을 만드는 중...다음 명령을 따릅니다. npm create-react-app router 여기서router내 폴더 이름입니다.이제 그 이름을 로 바꾸고 싶다.react-router-example 잘 부탁드립니다. 프로젝트 폴더 이름을 변경한 후 패키지를 여십시오.프로젝트 이름을 react-syslog-display로 변경합니다.먼저 폴더 이..

react-select v2에서 optgroup을 작성하려면 어떻게 해야 합니까? 리액트 셀렉트 리스트에 optgroups를 넣고 싶은데 어디에도 문서화 되어 있지 않은 것 같습니다.https://github.com/JedWatson/react-select/issues/59의 코멘트에서 얻은 구조는 다음과 같습니다. render() { const options = [ { label: "Group 1", children: [ { label: "Group 1, option 1", value: "value_1" }, { label: "Group 1, option 2", value: "value_2" } ] }, { label: "A root option", value: "value_3" }, { label: ..

오류 TS2339: 유형 '에 대한 속성'이 없습니다.HTML Props' 타이프 스크립트를 사용하고, 타입 정의가 명확한 TSX 파일에 반응하면, 다음의 에러가 표시됩니다. error TS2339: Property 'for' does not exist on type 'HTMLProps'. 컴포넌트를 다음 TSX로 컴파일하려고 할 때 {this.props.label} 이미 해결했지만 검색 시 솔루션이 표시되지 않았기 때문에 다음 사용자를 위해 여기에 추가합니다(Google 또는 StackOverflow).해결방법은 이 문제를 수정하는 것이었습니다.for의 탓으로 돌리다htmlFor {this.props.label} 이것은 리액트 라이브러리 자체의 일부로서, 이 라이브러리는for그것과 마찬가지로class(..

농담, 효소:불변 위반:또는 Router()를 외부에서 사용하여서는 안 됩니다. 나는 가지고 있다1을 출력컴포넌트 및 연락처 목록. 문제는 다음 테스트에서마운트하려고 하면 테스트가 오류를 출력합니다.Invariant Violation: You should not use or withRouter() outside a withRouter()에 사용됩니다.요소. 어떻게 조롱할 수 있지?ContactsComponent부모 컴포넌트 테스트에서 라우터를 사용하지 않는 경우 비슷한 이슈 https://www.bountysource.com/issues/49297944-invariant-violation-you-should-not-use-route-or-withrouter-outside-a-router을 찾았는데 컴포넌..