반응형

전체 글 2342

반응 + 반응 라우터가 DOMException을 던질 때 getmdl 사용

반응 + 반응 라우터가 DOMException을 던질 때 getmdl 사용 이것은 기본적인 예로서 당신은 여기서 그리고 여기서 실행 중인 소스 코드를 볼 수 있다. 제발, 사용해줘getmdl가지를 치다 git clone -b getmdl https://gitlab.com/problems/react_router_mdl_js.git 사용할 때mdl-js-layout두 개의 구성 요소에서 한 구성 요소에서 다른 구성 요소로 이동하려고 시도하면 콘솔에 다음과 같은 예외가 발생함: 기억: 서랍은 작업해야 함 리액션 구성 요소를 생성하려고 함MdlLayout전화를 걸다upgradeDom componentDidUpdate () { window.componentHandler.upgradeDom() } 수동으로 수행하려..

programing 2022.03.15

TypeScript React.FC 혼선

TypeScript React.FC 혼선 나는 TypeScript를 배우고 있는데, 일부 비트가 헷갈려.1비트는 다음과 같다. interface Props { name: string; } const PrintName: React.FC = (props) => { return ( {props.name} ) } const PrintName2 = (props: Props) => { return ( {props.name} ) } 위의 두 기능 구성 요소에 대해 TypeScript에서 동일한 JS 코드를 생성한다는 것을 알 수 있다.그PrintName2읽기 쉽도록 구성 요소가 더 능률적으로 보인다.두 정의의 차이점과 두 번째 유형의 리액션 구성 요소를 사용하는 사람이 있는지 궁금하다.대답해줘서 고마워.맞는데 좀 더..

programing 2022.03.15

VueJs 개체 키/값이 v-for 루프에서 반응하지 않음

VueJs 개체 키/값이 v-for 루프에서 반응하지 않음 나는 다음 문제가 있는데, 어떻게 해야 제대로 다루어야 할지 모르겠다. 구입한 모든 이미지의 "목록"이 내 시야에 가지고 있다.나는 그것들을 v-for loop으로 표시한다.각 이미지에는 진행 막대 요소도 있어 사용자가 다운로드 버튼을 클릭하면 downloadContent 기능이 실행되며 진행 표시줄이 표시되어야 한다. 그래서 내 html은 이렇게 생겼어. 그리고 이건 내 JS 코드야 import Vue from 'vue' import orderService from '../api-services/order.service'; import downloadJs from 'downloadjs'; import ProgressBar from 'vue-si..

programing 2022.03.15

개체 내에서 배열을 푸시하는 동안 돌연변이를 방지하는 방법

개체 내에서 배열을 푸시하는 동안 돌연변이를 방지하는 방법 나는 회사를 가지고 있는 물건을 가지고 있고 회사 안에는 여러 팀이 있다. company: { teams: [ { name: 'test team', description: 'dddd', team_manager: null, company: '592577d5b591966c8e535865', permalink: 'test-team', createdAt: '2017-05-30T07:38:58.983Z', updatedAt: '2017-05-30T07:38:58.983Z', id: '592d219277923054118e7299' } ], name: 'test company2', createdAt: '2017-05-24T12:08:53.418Z', upda..

programing 2022.03.15

css 모듈을 사용하여 둘 이상의 스타일 이름을 정의하는 방법

css 모듈을 사용하여 둘 이상의 스타일 이름을 정의하는 방법 css 모듈을 사용하여 요소에 대해 여러 클래스를 사용하려고 한다.이거 어떻게 하지? function Footer( props) { const { route } = props; return ( this site was created by me copyright nz ); } css 모듈을 사용하여 다음과 같이 여러 클래스를 추가할 수 있다. className={`${styles.description} ${styles.yellow}`} 예) function Footer( props) { return ( this site was created by me ); } react-css-modules를 사용하여 일반 클래스 이름 구문을 사용할 수 있다...

programing 2022.03.15

이전 리액터-라우터(# 포함)를 BrowserRouter로 리디렉션하는 방법?

이전 리액터-라우터(# 포함)를 BrowserRouter로 리디렉션하는 방법? 우리는 교체한다.react-router-doms HashRouter와 함께BrowserRouter오래된 노선을 새로운 노선으로 바꾸고 싶어해나는 태그를 달았다.nginx거기로 우회전해도 상관없으니까:) 그러니 옛날 길이 있다고 해/#/users그리고/#/users:id: 일치시키고 다음으로 리디렉션해야 한다./users그리고/users/:id. 지금까지 노력했다(react-router-dom v5.0.1): 첫 번째 노선이 일치하고 방향을 바꾸면 좋다.두 번째 (와 함께)id)은 문제가 있다.탐색할 때/#/users/123로 방향을 바꾸다./users/:id. 실물을 대체하고 있다.123와 함께:id. 그것들은 노선의 두 가지..

programing 2022.03.15

여러 이미지를 Python과 수평으로 결합

여러 이미지를 Python과 수평으로 결합 나는 Python의 JPEG 이미지를 수평으로 조합하려고 한다. 문제 나는 각각 148 x 95인 3개의 이미지를 가지고 있다.나는 방금 같은 이미지를 3장 복사했어. 그래서 똑같은 거야. 나의 시도 다음 코드를 사용하여 수평으로 가입하려고 한다. import sys from PIL import Image list_im = ['Test1.jpg','Test2.jpg','Test3.jpg'] # creates a new empty image, RGB mode, and size 444 by 95 new_im = Image.new('RGB', (444,95)) for elem in list_im: for i in xrange(0,444,95): im=Image.ope..

programing 2022.03.15

여러 구성 요소를 사용하여 정적 소품 및 동적 매개 변수를 Vue 경로로 전달

여러 구성 요소를 사용하여 정적 소품 및 동적 매개 변수를 Vue 경로로 전달 나는 학교의 학위 과정 과정을 보여주기 위해 설정한 부에 루트가 있다. { path: '/courses-by-degree/:degree', components: { sidebar: Sidebar, content: Grid }, props: { sidebar: { title: "Fulfills", type: "all", degree: "", keyword: '' }, content: { type: "degree", degree: "English", keyword: "", columns: { "Title": "title", "Term": "term_description", "Day, Time": "", "Format": "form..

programing 2022.03.15

전체 페이지를 다시 로드하도록 재조정 및 재조정

전체 페이지를 다시 로드하도록 재조정 및 재조정 나는 단지 얻으려고 노력하고 있다.React-Boostrap그리고React-Router함께 달리고 있다.나는 간단한 셸을 만들기 위해 Create React 앱을 사용했어. 이건 내 코드야, 이건 실제로 잘 작동해React Router import React, { Component } from "react"; import { RouteComponentProps, useHistory } from 'react-router'; import { BrowserRouter as Router, Switch, Route, useParams, BrowserRouter } from "react-router-dom"; import 'bootstrap/dist/css/boots..

programing 2022.03.15

Vue 3에서 Vue 글로벌 구성 요소 등록 구성

Vue 3에서 Vue 글로벌 구성 요소 등록 구성 Vue 2에서는 main.js 파일을 부풀리지 않고 index.js에서 다음 코드를 사용하여 여러 파일에 구성 요소를 전체적으로 등록할 수 있다. import Vue from 'vue' import MyComponent from '@/components/MyComponent' Vue.component('my-component-name', MyComponent) 그리고 main.js 파일 사용에서 import '@/components' 하지만 이 방법은 Vue 3에서는 나에게 효과가 없는 것 같다. main.js. import { createApp } from 'vue'; import '@/components' const app = createApp({})..

programing 2022.03.15
반응형