bestprogram

React 테스트 라이브러리에서 React 18의 ReactDOM.render에 대한 콘솔 오류가 표시됩니다. React 18로 업데이트하거나 새로운 React 18 앱을 만든 후create-react-app를 실행하면yarn test명령어를 사용하면console.error각각의 경고로서render모든 테스트에서 사용되는 방법: console.에러 경고: ReactDOM.render는 React 18에서 지원되지 않습니다.대신 createRoot를 사용합니다.새로운 API로 전환할 때까지 앱은 React 17을 실행하는 것처럼 동작합니다.상세: https://reactjs.org/link/switch-to-createroot 스크린샷과 같이: 현재 리액트 테스트 라이브러리는 리액트 18 방법론을 지원하지..

재료 UI 및 그리드 시스템 저는 Material-UI를 가지고 놀고 있습니다.그리드 레이아웃을 작성하기 위한 옵션이 있습니까(부트스트랩 등). 그렇지 않은 경우 이 기능을 추가하는 방법은 무엇입니까? Grid List 컴포넌트가 있는데 다른 용도가 있는 것 같습니다.재료 UI는 그리드 구성요소를 통해 자체 Flexbox 레이아웃을 구현했습니다. 처음에 그들은 스스로를 순전히 '구성 요소' 도서관으로 유지하기를 원했던 것으로 보인다.하지만 핵심 개발자들 중 한 명은 자신의 것을 가지지 않는 것이 너무 중요하다고 결정했다.현재는 코어 코드에 Marge 되어 v1.0.0과 함께 릴리스되었습니다. 다음의 방법으로 인스톨 할 수 있습니다. npm install @material-ui/core 현재 코드 예시와 ..

Respect Native Error - yarn'은 내부 또는 외부 명령으로 인식되지 않습니다. 샘플 리액트 Native Awesome Project 프로젝트를 실행할 수 없습니다. 누구 도와줄 사람?자세한 내용은 다음과 같습니다. C:\Users\dip\Awesome Project > react-native run-android 'yarn'은 내부 또는 외부 명령어, 작동 가능한 프로그램 또는 배치 파일로 인식되지 않습니다. C:에서 557개의 폴더에서 심볼링크 검색:\Users\dip\Awesome Project\node_moes(31ms) JS 서버가 이미 실행 중입니다. 앱 빌드 및 디바이스 설치 (cd Android & & gradlew.bat install Debug)... VM 초기화 중 ..

ReactJS JSX에서 nested if else 문을 실행하는 방법은 무엇입니까? ReactJS JSX에 있는 경우 nested를 할 수 있는지 알고 싶습니다. 여러 가지 방법을 시도해 봤지만 잘 되지 않습니다. 찾고 있습니다 if (x) { loading screen } else { if (y) { possible title if we need it } main } 이것을 시도해 봤지만 렌더링할 수 없다.나는 여러 가지 방법을 시도했다.중첩된 if를 추가하면 항상 깨집니다. { this.state.loadingPage ? ( loading page ) : ( this.otherCondition && title body ); } 갱신하다 저는 이것을 renderContent로 이동하고 함수를 호출하는..

React Native - CSS : 테두리 없는 마지막 자녀? React Native에는 다음과 같은 스택형 행에 매핑하여 출력하는 정적 배열의 책이 있습니다. return books.map((book, i) => { return( {book.title} ); }); 또한 각 책에는 아래 테두리가 있습니다.styles.book: book: { borderBottomWidth: 1, borderBottomColor: '#000000' } 목록의 마지막 책에 밑줄이 없어야 하니까 신청해야 해요.borderBottomWidth: 0내 생각엔?React Native에서 목록의 마지막 책에 맨 아래 테두리가 없도록 하려면 어떻게 해야 합니까?(일반적인 css에서는 last-child를 사용합니다)이것은, 다음의..

대응 - 파괴 시 defaultProps vs ES6 기본 매개 변수(성능 문제) 방금 상태 비저장 기능 구성 요소 중 하나에서 기본값을 설정할 때 반응 성능에 대한 질문을 받았습니다. 이 구성 요소는 포 넌 this a component는)defaultProps which defined 정의되어 있다row: false, , but I didn't like it because the 하지만 나는 그것을 좋아하지 않았다. 왜냐하면defaultProps파일 끝에 있기 때문에 보기 어렵습니다.따라서 기본 속성을 인식할 수 없습니다.그래서 직접 함수 선언으로 옮기고 ES6 기본값을 사용하여 파라미터를 할당했습니다. const FormField = ({ row = false, ...others, }) => { /..

소품 및 TypeScript와 함께 스타일 컴포넌트 저는 TypeScript를 프로젝트에 통합하려고 하는데, 지금까지 스타일 컴포넌트 라이브러리에서 우연히 한 가지 문제가 발생했습니다. 이 컴포넌트를 고려하다 import * as React from "react"; import styled from "styled-components/native"; import { TouchableOpacity } from "react-native"; // -- types ----------------------------------------------------------------- // export interface Props { onPress: any; src: any; width: string; height: ..

reactJs가 event.persist()가 있는 이벤트에서 상태를 설정할 수 없습니다. 이벤트에서 얻은 상태 필드를 설정해야 하는데 함수를 전달해도 설정되지 않습니다.컴포넌트 및 방법은 다음과 같습니다. constructor(props: SomeProps, context: any) { super(props, context); this.state = { isFiltering: props.isFiltering, anchor: "", }; } private toggleFilter = (event: any) => { event.persist() this.setState(prevState => ({ isFiltering: !prevState.isFiltering, anchor: event.currentTarg..

리액트 라우터와 익스프레스 루트의 차이점은 무엇입니까?js react, redux, express를 사용하여 프로젝트를 진행 중인데 react-router와 express route의 차이를 잘 모르겠습니다.js, 두 가지를 조합해야 합니까?아니면 하나만 사용해야 합니까? https://github.com/reactjs/react-router 협조해 주셔서 감사합니다:)주의: 이 stackoverflow 게시물에는 많은 도움이 되는 예와 코드가 포함되어 있습니다. 그건 전형적인 오해예요.Express는 백엔드 루트를 처리하는 반면 React(react-router 또는 프론트엔드 라우팅 lib 포함)는 프론트엔드 루트를 처리합니다.React 어플리케이션은 SPA(싱글페이지 어플리케이션)가 될 수 있습니다..

React Native에서 JSX 구성 요소를 연결하는 방법 예를 들어, 나는 이름 목록을 보여주고 싶다.그래서 저는 이렇게 하고 싶었어요. var returnValue; for (eachName of _names) { returnValue += ( this._onPressButton}> {eachName} ); } return returnValue; 하지만 그것은 유효하지 않습니다.그래서 제 질문이 하나 생겼습니다.React Native에서 동적 양의 JSX 구성 요소를 연결하려면 어떻게 해야 합니까?스택오버플로우를 물어보면 금방 알 수 있을 것 같아요.코드를 배열에 넣어야 합니다. var returnValue = []; for (var i = 0; i < _names.length; i++) { ret..