koreamen

렌더링 전에 빈 상태/null인 경우 응답 구성 요소 하위 항목 감지 "16.8"4" 안녕하세요, 누군가가 (기능하는) 컴포넌트에 자녀가 있는지 확인하는 방법을 알고 있습니다(렌더링하기 전). React.Children.count React.Children.toArray(children) 동작하지 않다 아이들은$$typeof: Symbol(react.element) 암호의 예는 다음과 같습니다. function ContextMenuItems(): JSX.Element | null { if (no-items) return null; ... } class ContextMenu extends React.Component { public render(): JSX.Element | null { if (this.p..

반응 라이프 사이클 방법 이해 저는 React.js를 처음 접하는 사람이고 React 라이프 사이클 메서드의 몇 가지 방법을 이해하려고 노력하고 있습니다. 지금까지, 나를 혼란스럽게 하는 것이 있다. 1) 내가 알기로는, 두 사람의 차이는componentWillUpdate ★★★★★★★★★★★★★★★★★」componentWillReceiveProps라는 것이다.componentWillReceiveProps하여 setState를할 수 .componentWillReceiveProps를 참조해 주세요. 예: react-table-sorter-display var App = React.createClass({ getInitialState: function() { return {source: {limit: "20..

반응 네이티브:lodash 디바운스 사용 리액트 네이티브와 로데쉬의 디바운스를 가지고 놀고 있어 다음 코드를 사용하면 지연처럼 동작할 뿐 디바운스처럼 동작하지 않습니다. { _.debounce(()=> console.log("debouncing"), 2000)() } /> "foo"와 같은 입력을 입력하면 콘솔에 한 번만 디바운스가 기록되도록 합니다.현재 "debounce"가 3회 기록됩니다.Debounce 함수는 렌더링 메서드 이외의 어딘가에 정의해야 합니다.이것은 함수를 호출할 때마다 동일한 인스턴스를 참조해야 하기 때문입니다.이러한 인스턴스는 현재와 같은 새로운 인스턴스를 생성할 때 사용됩니다.onChangeText핸들러 기능 디바운스 함수를 정의하는 가장 일반적인 장소는 컴포넌트의 오브젝트 바로 ..

응답 앱 오류: 'WebSocket'을(를) 구성하지 못했습니다.HTTPS를 통해 로드된 페이지에서 안전하지 않은 WebSocket 연결이 시작되지 않을 수 있습니다. 리액트 앱을 배포하고 있는데 https에서 페이지를 방문하면 이상한 오류가 발생합니다. https 위의 페이지를 방문하면 다음 오류가 나타납니다. 보안 오류: 'WebSocket'을 구성하지 못했습니다.HTTPS를 통해 로드된 페이지에서 안전하지 않은 WebSocket 연결을 시작할 수 없습니다. 하지만 http를 통해 페이지로 이동하면 완벽하게 작동합니다. 문제는 내가 아는 한 웹소켓을 사용하지 않는다는 것이다.코드를 검색하여 wss:가 아닌 https 또는 ws:에 대한 요청이 있는지 확인했지만 아무것도 표시되지 않습니다. 누가 이걸 ..

비동기적으로 초기화된 React.js 컴포넌트의 서버 측 렌더링 전략 React.js의 가장 큰 장점 중 하나는 서버 측 렌더링입니다.문제는 핵심 기능이React.renderComponentToString()는 동기화되어 있기 때문에 컴포넌트 계층이 서버에 렌더링되기 때문에 비동기 데이터를 로드할 수 없습니다. 예를 들어 코멘트를 하기 위한 범용 컴포넌트가 있다고 칩시다.이 컴포넌트는, 페이지의 어느 장소에나 드롭 할 수 있습니다.여기에는 하나의 속성, 일종의 식별자(예를 들어 코멘트가 아래에 배치되는 문서의 ID)만 있으며, 다른 모든 것은 컴포넌트 자체에 의해 처리됩니다(코멘트 로드, 추가, 관리). 저는 플럭스 아키텍처를 매우 좋아합니다.플럭스 아키텍처는 많은 것을 훨씬 쉽게 만들어 주며, 스토어는..

React Native를 사용하여 데스크톱 애플리케이션을 만들 수 있습니까? 데스크톱 애플리케이션을 만들고 있습니다.create-react-app및 전자.Mac, Windows 및 Linux에서 실행해야 합니다.Android와 iOS의 네이티브 버전도 만들고 싶습니다. React Native에서 모바일 장치 및 데스크톱에서 작동하는 애플리케이션을 만들 수 있습니까?아마 시간을 많이 절약할 수 있을 거예요.프로톤 네이티브를 사용해 보세요.Electron 없이 데스크톱 응용 프로그램을 구축하기 위해 React Native 구문을 사용합니다.적어도 2018년 1월 현재 React Native에서는 데스크톱 애플리케이션에 대한 공식적인 지원이 없습니다. 그러나 데스크톱 플랫폼용 React Native에는 Uni..

const는 .ts 파일 react native에서만 사용할 수 있습니다. const ACCESS_TOKEN = 'access_token'; react-native-cli: 2.0.1 react-native: 0.47.2 전문가가 api에서 값을 가져와 const ACCESS_TOKEN에 저장하는 튜토리얼 비디오를 보고 있는데 코드로 하면 오류가 발생합니다. const는 .ts 파일 react native에서만 사용할 수 있습니다. 제안해 주세요.그 경찰은 교실 안에 있다.교실 밖으로 옮기면 다 괜찮을 거야. 이 오류는 javascript에서 클래스 내에서 const, let, var 키워드를 사용할 때 발생합니다.속성을 클래스로 설정하려면 const, let 또는 var 키워드를 사용하지 않습니다. 단..

Redux 상태의 객체에 메서드를 배치하려면 어떻게 해야 합니까? docs에 따르면 리액트 앱의 상태는 시리얼 가능한 것이어야 합니다.그럼 수업은 어때? 할 일 ★★Todo에는 아음 items items음 음음 음음 음 items음 items items items items items items items items 。name,date아직까진 괜찮아.i제직 i i i i i i i i i i i i i i i i i i i i i i,Todo.rename()'의 이름을 될 토도'라는 이름을 바꾸고 다른 많은 일들을 하게 될 거야 가 하고 할 수 .rename(Todo) 소품을 그 할 수도 .this.props.rename(Todo)컴포넌트에 접속합니다. 에 두 ..rename()디)) )) ))?리듀서?..

how to make material data grid width to fill the parent component in react js I'm trying to display the data grid with all columns should take equal width to fit the parent component. but there is a blank space at the end which I'm not able to remove and cannot make columns to take auto width to fit page width. can anyone please help me on this https://codesandbox.io/s/musing-montalcini-tn04y In..

Connect(앱)의 컨텍스트 또는 소품 중 하나에서 "스토어"를 찾을 수 없습니다. Redux의 구성 역할을 하기 위해 여러 파일의 내용을 하나로 병합한 후 잘못 구성된 Redx에 문제가 있습니다. 해결 방법store한 파일에 보관하면서요? 처리되지 않은 JS 예외:Connect(App)의 컨텍스트 또는 소품에서 "스토어"를 찾을 수 없습니다.루트 컴포넌트를 에 랩하거나 "Store"를 "Connect(App)"에 명시적으로 전달합니다. 'use strict'; import React, { Component } from 'react'; import { createStore, applyMiddleware, combineReducers, bindActionCreators } from 'redux'; imp..