반응형

reactjs 25

react-module, 번들

react-module, 번들 저는 리액션 네이티브가 처음이라 전혀 의미가 없는 오류를 발견했습니다. 캘린더 라이브러리를 포함하려고 합니다.https://github.com/wix/react-native-calendars 저는 그 도서관의 의존관계를 패키지에 포함시켰습니다.json 파일 및 실행npm install 프로젝트는 예상대로 잘 진행되고 있었다.프로젝트에 코드 한 줄을 추가했을 뿐입니다. import { Calendar, CalendarList, Agenda } from 'react-native-calendars'; 다른 것은 없어요.그러나 이제 앱이 장치에 로드되면 빨간색 오류 메시지가 표시되고 콘솔에 다음과 같은 메시지가 표시됩니다. 오류: 번들 실패:오류: 모듈 해결 중xdate파일로부터/..

source 2023.02.10

부모 노드와 통신하기 위한 react.display 사용자 지정 이벤트

부모 노드와 통신하기 위한 react.display 사용자 지정 이벤트 일반 DOM을 만들고 수신합니다.CustomEvent부모 노드에 통신하는 경우: 자: var moveEvent = new CustomEvent('the-graph-group-move', { detail: { nodes: this.props.nodes, x: deltaX, y: deltaY }, bubbles: true }); this.getDOMNode().dispatchEvent(moveEvent); 부모: componentDidMount: function () { this.getDOMNode().addEventListener("the-graph-group-move", this.moveGroup); }, 이 방법은 작동하지만, 더 ..

source 2023.02.10

다음/이미지 컴포넌트 높이를 100%로 설정하는 방법

다음/이미지 컴포넌트 높이를 100%로 설정하는 방법 Next.js 앱을 가지고 있는데, 가로세로 비율에 따라 자동으로 너비를 결정하면서 컨테이너의 전체 높이를 채우는 이미지가 필요합니다. 다음을 시도했습니다. 이 스니펫은 정상적으로 컴파일 되었습니다만, 프런트 엔드에 다음의 에러가 표시됩니다. 오류: src "/deco.svg"의 이미지는 "width" 및 "height" 속성 또는 "unsize" 속성을 사용해야 합니다. 문서에 따르면 이러한 속성은 사용할 때 필요하지 않기 때문에 혼란스럽습니다.layout="fill".이게 나한테 효과가 있었어. 와 함께next/image: 그리고next/future/image: 다음/미래/이미지 Next JS 12 이하 방법은 다음과 같습니다.예를 들어 용기 전체..

source 2023.02.10

React Native 이미지 크기 조정

React Native 이미지 크기 조정 리액트 네이티브 앱에서 이미지 크기(화면 크기에 맞게 작게)를 조정하려고 하는데 너무 커서 할 수 없습니다. 코드는 다음과 같습니다. 'use strict'; var React = require('react-native'); var { StyleSheet, Text, TextInput, View, TouchableHighlight, ActivityIndicatorIOS, Image, Component } = React; var styles = StyleSheet.create({ description: { marginBottom: 20, fontSize: 18, textAlign: 'center', color: '#656565' }, container: { padd..

source 2023.02.10

redux, react-redux, redux-thunk의 차이점은 무엇입니까?

redux, react-redux, redux-thunk의 차이점은 무엇입니까? 리액트+플럭스를 사용하고 있습니다.우리 팀은 플럭스에서 리덕스로 전환할 계획이다.플럭스의 세계에서 온 레독스는 나에게 매우 혼란스럽다.플럭스 제어 흐름은 컴포넌트 -> 액션 -> 업데이트 백컴포넌트 저장 및 저장에서 심플합니다.단순하고 매우 명확합니다. 하지만 요약하자면 혼란스럽다.여기는 매장이 없습니다. 네, 매장을 사용하지 않는 예가 몇 가지 있습니다.여러 가지 튜토리얼을 거쳤는데, 구현 스타일은 사람마다 다 있는 것 같아요.컨테이너를 사용하는 사람도 있고 사용하지 않는 사람도 있습니다(이 컨테이너 개념을 모르기 때문에 mapStateToProps, mapDispatchToProps의 기능을 이해할 수 없습니다). 제어 ..

source 2023.02.10
반응형