반응형

ReactJS 28

onChange 이벤트와 함께 추가 매개 변수 전달

onChange 이벤트와 함께 추가 매개 변수 전달 내가 하려는 일: 하위 구성 요소에서 상위 구성 요소의 handleChange 함수로 문자열을 전달하려고 합니다. 현재 기능: 다음 메서드의 부모 React JS 클래스가 있습니다. handleChange(event) { console.log(event.target.value); } 렌더링 기능에는 다음이 있습니다. Child 클래스에는 다음이 있습니다. Tag 1: Tag 2: Tag 3: 이거 잘 돼. 대신 내가 하려는 일은: 추가하려고 합니다.section파라미터는 다음과 같이 handleChange 함수에 적용됩니다. handleChange(section, event) { console.log(section); console.log(event.t..

bestsource 2023.02.17

매개 변수와 함께 다시 선택 선택기 사용

매개 변수와 함께 다시 선택 선택기 사용 조합된 셀렉터에 추가 파라미터를 전달하려면 어떻게 해야 합니까?하려고 합니다. • 데이터 취득 • 데이터 필터링 • myValue별로 데이터 세트/그룹 데이터에 사용자 지정 값 추가 export const allData = state => state.dataTable export const filterText = state => state.filter.get('text') export const selectAllData = createSelector( allData, (data) => data ) export const selectAllDataFiltered = createSelector( [ selectAllData, filterText ], (data, tex..

bestsource 2023.02.17

동적 키가 있는 개체의 PropTypes 검사

동적 키가 있는 개체의 PropTypes 검사 React에는 PropTypes를 사용하여 프로포트의 가치를 확인하는 다양한 방법이 있습니다.제가 자주 쓰는 건React.PropTypes.shape({...})그런데 얼마 전에 동적 키/값을 내장한 오브젝트를 발견했습니다.각 키는 문자열(기존 형식)이어야 하며 각 값은 int여야 합니다.커스텀 소품 검증 기능을 사용하더라도 소품의 키를 알고 있다고 가정합니다.PropTypes를 사용하여 객체/쉐이프의 키와 값이 모두 올바른지 확인하려면 어떻게 해야 합니까? ... someArray: React.PropTypes.arrayOf(React.PropTypes.shape({ // How to specify a dynamic string key? Keys are a..

bestsource 2023.02.13

react-module: 명령어를 찾을 수 없습니다.

react-module: 명령어를 찾을 수 없습니다. 현재 리액트, 리액트 스크립트, 리액트돔의 3가지 패키지를 사용하는 create-react-app을 사용하려고 합니다.create-react-app을 설치한 후 디렉토리로 이동하여npm start저는...react-scripts: command not found이것 때문에 많은 문제에 부딪혔어요.내가 볼 수 있다.react-scripts내 안에 있다node_modules폴더인데 자꾸...command not found뛰려고 할 때npm start모든 파일을 삭제하고 다시 설치하려고 했습니다.node_modules하지만 그것은 작동하지 않았다.다른 문제 있는 사람? ✘ ✝  Node/toDoApp/my-test   master±  npm star..

bestsource 2023.02.13

React 프로덕션 빌드가 브라우저에서 실행되지 않는 이유는 무엇입니까?

React 프로덕션 빌드가 브라우저에서 실행되지 않는 이유는 무엇입니까? 리액트 빌드 툴을 사용하여 리액트 앱을 작성하려고 합니다.npm start를 시도하면 앱이 정상적으로 동작합니다. npm start http://localhost:3000 => 어플리케이션에 액세스 할 수 있습니다. 그러나 응용 프로그램을 빌드하고 빌드 폴더의 "index.html" 파일에 액세스하려고 하면 작동하지 않고 흰색 화면이 나타납니다. npm run build http://myreact-app/build/index.http => 흰색 화면. npm run build 실행 후 생성된 빌드 폴더입니다. 이것이 index.html 입니다. 내가 뭘 잘못하고 있나요?아파치 웹 서버에서 빌드된 index.html 파일에 액세스할 ..

bestsource 2023.02.09

템플릿이 create-react-app을 사용하여 제공되지 않음

템플릿이 create-react-app을 사용하여 제공되지 않음 「 」를 create-react-app my-app모든 라이브러리를 정상적으로 다운로드하는 등 터미널에서 명령어가 동작하는 것 같습니다.그러나 이 프로세스의 마지막에 다음과 같은 메시지가 나타납니다.template was not provided. 입력 user@users-MacBook-Pro-2 Desktop% create-react-app my-app 산출량 Creating a new React app in /Users/user/Desktop/my-app. Installing packages. This might take a couple of minutes. Installing react, react-dom, and react-script..

bestsource 2023.02.09

if/else 뒤에 사용할 "let" 또는 "const"를 선언하려면 if/else를 사용하십시오.

if/else 뒤에 사용할 "let" 또는 "const"를 선언하려면 if/else를 사용하십시오. 왜 그랬는지는 모르겠지만 전화할 수 없는 것 같아요.let또는const변수를 선언하면if/else진술. if (withBorder) { const classes = `${styles.circularBorder} ${styles.dimensions} ${styles.circularPadding} row flex-items-xs-middle flex-items-xs-center`; } else { const classes = `${styles.dimensions} ${styles.circularPadding} row flex-items-xs-middle flex-items-xs-center`; } return..

bestsource 2023.02.09

ReactJs에서 null 프로펠러 유형을 지정하는 방법

ReactJs에서 null 프로펠러 유형을 지정하는 방법 ReactJS 컴포넌트에 null 또는 불변 맵이 있는 프로펠러가 있습니다. 위젯 하단에 다음과 같이 적습니다. MyComponent.propTypes = { myMap: React.PropTypes.instanceOf(Immutable.Map) }; 나는 이것을 null, 정의되지 않은, 또는 지도의 가능성에 열어두겠다. 필수 유형으로 null 또는 map 전용으로 하려면 어떻게 해야 합니까? https://facebook.github.io/react/docs/typechecking-with-proptypes.html 이 예에서는 구문을 자신의 요구에 맞게 조정하는 방법이나 가능한지를 알 수 없습니다. 편집: 속성이 null인 경우 속성은 아직 ..

bestsource 2023.02.09
반응형