powerit

리액트 linter Airbnb proptypes 어레이 다음과 같은 것이 있습니다.PropTypes: SmartTable.propTypes = { name: React.PropTypes.string.isRequired, cols: React.PropTypes.array.isRequired, rows: React.PropTypes.array.isRequired, }; 하지만 린터가 말하길 Prop type "array" is forbidden, 어떻게 변경할 수 있습니까?이에 대한 가능한 해결책(단, 스마트하지 않다고 생각합니다) SmartTable.propTypes = { name: React.PropTypes.string.isRequired, cols: React.PropTypes.arrayOf(Re..

webpack-dev-server 'webpack' 모듈을 찾을 수 없습니다. webpack-dev-server를 사용하여 간단한 프로그램을 실행하려고 하는데 다음 오류가 나타납니다. module.js:471 throw err; ^ Error: Cannot find module 'webpack' at Function.Module._resolveFilename (module.js:469:15) at Function.Module._load (module.js:417:25) at Module.require (module.js:497:17) at require (internal/module.js:20:19) at Object. at Module._compile (module.js:570:32) at Object..

React Native에서 ScrollView의 현재 스크롤 위치를 가져옵니다. 위치 현재 수 ?리액트 네이티브? 예를 들어 다음과 같습니다. { // get this scrollview's current page or x/y scroll position }}> this.state.data.map(function(e, i) { }) 해라. 그 후: handleScroll: function(event: Object) { console.log(event.nativeEvent.contentOffset.y); }, 또 다른 맥락에서 페이지 표시기도 구현하고 싶다고 가정해 보겠습니다.이 작업을 진행하면 다음과 같습니다. handleScroll(event)})} scrollEventThrottle={16} > ....

반응 - 최소 예외가 발생했습니다. NPM을 통해 React js를 설치하고 browserify를 사용하여 반응 중인 컴포넌트를 관리합니다.React에서 예외가 발생하면 콘솔은 다음과 같이 표시됩니다. "알 수 없는 오류: 최소화된 예외가 발생했습니다. 전체 오류 메시지 및 기타 유용한 경고에 대해 최소화된 개발 환경을 사용하십시오." 전체 오류 메시지를 활성화하려면 어떻게 해야 합니까?Benjamin Gruenbaum이 코멘트에서 지적한 바와 같이 NODE_ENV를 개발로 설정하면 문제가 해결되었습니다. set NODE_ENV=development Karma + Webpack에서 이 문제가 발생한 경우 테스트 실행 시 다음 웹 팩 구성으로 문제를 해결했습니다. plugins: [ new webpack...

React js 상위 구성 요소에서 하위 구성 요소 상태 변경 두 가지 구성 요소가 있습니다. 하위 구성 요소의 상태를 변경할 부모 구성 요소: class ParentComponent extends Component { toggleChildMenu() { ????????? } render() { return ( Toggle Menu from Parent ); } } 및 하위 구성 요소: class ChildComponent extends Component { constructor(props) { super(props); this.state = { open: false; } } toggleMenu() { this.setState({ open: !this.state.open }); } render() { r..

입력내부에서 입력누름시 리액션방지폼제출 Enter 키를 누르면 반응 방지 양식 제출 상위 컨테이너가 호출할 수 있는 다음 React Search Bar 구성 요소가 있습니다. 사용자가 입력을 변경할 때마다 부모 컨테이너에 알립니다.이것이 내 검색창에 제출 버튼이 필요 없는 이유입니다. 그러나 검색창에서 Enter 키를 누르면 전체 페이지가 새로 고쳐집니다.그리고 나는 그것을 원하지 않는다. 폼에 버튼이 있으면 event.provent Default()를 호출할 수 있습니다.하지만 이 경우 버튼이 없어서 어떻게 해야 할지 모르겠다. class SearchBar extends Component { constructor(props) { super(props); this.state = { value: '' };..

'react-hooks/exhaustive-deps' 규칙에 대한 정의를 찾을 수 없습니다. 추가 후 다음과 같은 eslint 오류가 발생합니다.// eslint-disable-next-line react-hooks/exhaustive-deps내 코드로. 8:14 오류 규칙 'react-hooks/exhaustive-deps' 정의를 찾을 수 없습니다. 이 문제를 해결하기 위해 이 게시물을 참조했지만, 제 경우 언급된 솔루션이 작동하지 않습니다.이 에슬린트 오류를 억제할 수 있는 단서가 있나요? PS 저는 조합으로 standardjs를 사용하고 있습니다.이것은 통상, 다음의 이유로 발생합니다.react-hooks플러그인이 없습니다..eslintrc플러그인 구성.를 추가했는지 확인합니다.react-hook..

react-select drowdown에서 zIndex를 변경하는 방법 리액트 선택 라이브러리를 사용하여 자동 완성 드롭다운을 만들고 있습니다.2번째에 데이터가 있으면 2개의 드롭 다운을 병행하여 사용하고, 1번째 드롭 다운을 열면 zIndex 문제가 발생합니다.이미지를 보다이 행들을 모두 추가해 주세요.Select태그: ({ ...base, zIndex: 9999 }) }} /> zIndex를 설정하기 위한 이 해킹 방법을 시도해보고, 효과가 있었는지 알려주세요:) ({ ...provided, zIndex: 9999 }) }} value={selectedOption} onChange={evt => onSelectChange(evt, index)} options={options} /> 6개의 관련 이슈를..

네이티브 응답 오류: 요소 유형이 잘못되었습니다. 문자열 또는 클래스/함수가 필요한데: 개체를 받았습니다. 이 에러가 발생하고 있어, 수정에 많은 어려움을 겪고 있습니다. 여기서 하려고 하는 것은, 3개의 다른 화면과 각각의 화면으로 이동하는 탭바가 있는 것입니다. 내 인덱스는 다음과 같습니다. import React, { Component } from 'react'; import { AppRegistry, Navigator, StyleSheet, View, Text } from 'react-native'; import Nav from './app/components/Nav'; import Screen from './app/Screen'; import Tabs from 'react-native-tabs'..

폐지 통지:React DOM.render는 React 18에서 지원되지 않습니다. 새로운 리액트 앱을 만들 때마다 다음 오류가 발생합니다. 경고: ReactDOM.render는 React 18에서 지원되지 않습니다.대신 createRoot를 사용합니다.새로운 API로 전환할 때까지 앱은 React 17을 실행하는 것처럼 동작합니다.상세: https://reactjs.org/link/switch-to-createroot 어떻게 하면 고칠 수 있죠? React 앱을 만들었습니다. npx create-react-app my-app 파일 index.js에서 다음으로 변경합니다. import React from "react"; import ReactDOM from "react-dom/client"; import ..