mytipbox

ESLint broken: 제안이 있는 규칙은 "meta.has Suggestions" 속성을 "true"로 설정해야 합니다. VSCode를 사용하고 있으며 회선을 추가할 때'react-hooks/exhaustive-deps': 'warn'.eslintrc.js 에 대해서는, ESLint 출력으로 다음의 정보가 표시됩니다. Rules with suggestions must set the `meta.hasSuggestions` property to `true`. Occurred while linting C:\Users\filepath.jsx:72 Rule: "react-hooks/exhaustive-deps" 다른 모든 보풀이 깨진다..eslintrc.js에 다음 항목을 추가하려고 했습니다. meta: {..

componentWillReceiveProps에서 변경된 소품을 확인하는 방법 (오래된 소품을 다른 곳에 보관하지 않고) 내부에 어떤 소품이 변경되었는지 확인할 수 있는 방법이 있습니까?componentWillReceiveProps? 예. componentWillReceiveProps (newProps) { if( /* newProps.profileImage is different to previous props */ ) /* do stuff */ } 이 함수는componentWillReceiveProps는 폐지되었습니다.공식 문서 인용: 사용하시는 경우componentWillReceiveProps일부 데이터를 다시 복구하려면 대신 메모 도우미를 사용하십시오. 이것은 당신의 수표가 안에 있는 경우를 말합..

반응 - 순수 상태 비저장 구성 요소를 내보내는 방법 상태 비저장 완전 바보 컴포넌트를 내보내려면 어떻게 해야 하나요? 클래스를 사용하면 다음과 같이 동작합니다. import React, { Component } from 'react'; export default class Header extends Component { render(){ return Header } } 하지만 순수한 기능을 사용하면 작동하지 않습니다. import React, { Component } from 'react'; export default const Header = () => { return Header } 제가 뭔가 기본적인 걸 놓치고 있나요?ES6에서는 허용되지 않습니다.export default const. 먼저 상수..

OnClick은 작동하지만 React 구성 요소에서는 OnDoubleClick이 무시됨 React로 지뢰찾기 게임을 만들고 있는데 셀이 한 번 클릭하거나 두 번 클릭할 때 다른 동작을 하고 싶습니다.현시점에서는onDoubleClick함수는 기동하지 않습니다.경고:onClick에 나타냅니다.를 삭제하면,onClick핸들러,onDoubleClick왜 두 사건 모두 효과가 없을까?하나의 요소에서 두 가지 이벤트를 모두 가질 수 있습니까? /** @jsx React.DOM */ var Mine = React.createClass({ render: function(){ return ( ) } }); var MineRow = React.createClass({ render: function(){ var width ..

이 파일 형식을 처리하려면 적절한 로더가 필요할 수 있습니다. 현재 이 파일을 처리하도록 구성된 로더는 없습니다." 실을 사용하여 리액트 프로젝트에 웹 팩을 설정하고 있는데 다음 오류가 나타납니다. ./src/app.js 67:6 모듈 해석에 실패했습니다.예기치 않은 토큰(67:6) 이 파일 형식을 처리하기 위해 적절한 로더가 필요할 수 있습니다. 현재 이 파일을 처리하도록 구성된 로더는 없습니다.https://webpack.js.org/concepts#loaders ℹ 「wdm」을 참조해 주세요.컴파일하지 못했습니다. webpack.config.syslog const path = require("path"); module.exports = { entry: "./src/app.js", output: { ..

: defaultValue ' ' ' ' 、 ''''' ' ' ' ' ' ' ' ' ' 또는 소품을 사용합니다''으로 설정하는 시나리오 A 사용자에게 드롭다운이 표시되고 사용자가 옵션을 선택합니다.그 드롭다운을 표시해, 그 옵션을 지난번 그 유저에 의해서 선택된 디폴트치로 하고 싶다. 선택한 Atribute on 옵션을 사용 중이지만 React는 기본값 on select를 사용하라는 경고를 생성합니다. 예를 들어, 렌더링: function() {let option_id = [0, 1];옵션 = [{name: 'a'}, {name: 'b'}]; selectedOptionId = 0으로 설정 반환({option_id.map(ID =>{interface[id].name})})}}); 문제는 selected O..

React Native 0.57.1 Android 중복 리소스 실행 시./android/gradlew assembleRelease다음의 에러가 표시됩니다. '* 무엇이 잘못되었는가:작업 ':app:mergeReleaseResources'를 실행하지 못했습니다. [ drawable - xhdpi - v4 / node _ modules _ react navigation _ src _ views _ assets _ backicon ] / 사용자 / 일야카 / 문서 / 개발 / My _ Projects / new / Einee / App / Android / src / drawable - xnavules _ modpi _ node _ modules _ node _ node [ [ [ [ [ [ [ [ [ [ [..

Jest는 테스트를 찾지만 커버리지를 수집하지 않습니다. 다음을 사용하여 이 프로젝트의 테스트 적용 범위를 수집하려고 합니다. yarn test --coverage # i.e. "react-scripts test --coverage" 농담 설정은 다음과 같습니다. "jest": { "collectCoverageFrom": [ "src/**/*.ts*" ], "coverageThreshold": { "global": { "lines": 90, "statements": 90 } } } 그리고 나의 폴더 구조는 다음과 같습니다. . ├── package.json ├── postcss.config.js ├── public/ ├── README.md ├── src/ │ ├── App.css │ ├── App.te..

반응 후크 사용효과 종속성 배열 나는 리액션의 새로운 후크 API에 대해 머리를 싸매고 있다.구체적으로는 다음과 같은 고전적인 사용 사례를 구축하려고 합니다. componentDidUpdate(prevProps) { if (prevProps.foo !== this.props.foo) { // animate dom elements here... this.animateSomething(this.ref, this.props.onAnimationComplete); } } 기능 컴포넌트로 같은 것을 구축하려고 했습니다.useEffect하지만 어떻게 하는지 알 수가 없어요.내가 시도한 건 다음과 같다. useEffect(() => { animateSomething(ref, props.onAnimationComple..

오류 메시지 "li: 'key' is not prop" (키: 프로펠러가 아닙니다)가 표시됩니다. 리액트(버전 15.4.2)를 사용하고 있으며,데이터베이스로부터의 쿼리 결과에 따라 동적으로 처리됩니다.'키' 속성을 설정했다고 생각했습니다.s는 맞지만, 분명히 그렇지 않습니다.목록이 렌더링되면 다음 오류가 나타납니다. 경고: li: '키'는 소품이 아닙니다.액세스하려고 하면 '정의되지 않음'이 반환됩니다.하위 구성 요소 내에서 동일한 값에 액세스해야 하는 경우 다른 소품으로 전달해야 합니다. 내 목록 코드는 다음과 같습니다. function UserList(props) { return( { props.user_list.map((user) => ( {user.first_name} {user.last_name..