ittop

React.cloneElement와 this.props.children은 언제 사용해야 합니까? 저는 아직 React에 익숙하지 않습니다.인터넷의 많은 예에서 자녀 요소의 렌더링에 있어서의 이러한 변화를 볼 수 있어 혼란스럽다고 생각합니다.일반적으로는, 다음과 같이 표시됩니다. class Users extends React.Component { render() { return ( Users {this.props.children} ) } } 그런데 이런 예가 있습니다. {React.cloneElement(this.props.children, { key: this.props.location.pathname })} API는 이해했지만 언제 사용해야 하는지 문서에서는 정확히 알 수 없습니다. 그럼 다른 사람은 ..

json을 예쁘게 인쇄하지만 내부 어레이를 한 줄에 유지 이 코드를 사용하여 Python에서 json을 인쇄하고 있습니다. json.dumps(json_output, indent=2, separators=(',', ': ') 그러면 다음과 같이 내 아들이 인쇄됩니다. { "rows_parsed": [ [ "a", "b", "c", "d" ], [ "e", "f", "g", "i" ], ] } 다만, 다음과 같이 인쇄해 주세요. { "rows_parsed": [ ["a","b","c","d"], ["e","f","g","i"], ] } 어레이에 있는 어레이를 위와 같이 모두 한 줄로 유지하려면 어떻게 해야 합니까?다음은 가능한 한 적은 양의 수정으로 이를 수행하는 방법입니다. import json from..

설치된 Oracle Client가 32비트인지 64비트인지 확인하는 방법 OS: Windows 2008 Server R2 Oracle 클라이언트: 11.2 대단히 고맙습니다Windows에서 이를 찾는 간단한 방법은 Oracle 홈의 bin 디렉토리에서 SQLPlus를 실행한 다음 작업 관리자를 확인하는 것입니다.SQLPlus의 32비트 버전인 경우 프로세스 탭에 다음과 같은 프로세스가 표시됩니다. sqlplus.exe *32 64비트인 경우 프로세스는 다음과 같습니다. sqlplus.exe 에 가다%ORACLE_HOME%\inventory\ContentsXML폴더 및 열기comps.xml파일 ~두 번째 화면에서 를 찾습니다. 다음 행에 다음 행이 있는 경우 PLAT="NT_AMD64"이 Oracle Ho..

React Native에서 버튼을 추가하는 방법 이 모든 "CSS 없음"에 대해 혼란스럽지만, 그게 왜 도움이 되는지 이해합니다.화면 중앙에 버튼만 배치하고 싶은데 리액트에서의 스타일링은 아직 잘 모르겠어요.코드는 다음과 같습니다. var tapSpeed = React.createClass({ render: function() { return ( Tap me as fast as you can! ! ); } }); var styles = StyleSheet.create({ container: { flex: 1, justifyContent: 'center', alignItems: 'center', backgroundColor: '#FFCCCC' }, welcome: { fontSize: 20, textAli..

Strict 모드로 인해 My React 컴포넌트가 두 번 렌더링됩니다. My React Component가 두 번 렌더링 중입니다.그래서 라인별로 디버깅을 실행하기로 했습니다.문제는 다음과 같습니다. if ( workInProgress.mode & StrictMode) { instance.render(); } React-dom.development.js 모드 때문에 그런가?비활성화할 수 있나요?Strict 모드란?내가 필요할까?StrictMode는 코드의 문제를 감지하고 경고(매우 유용할 수 있음)하기 위해 구성 요소를 두 번 렌더링합니다. 앱에서 StrictMode를 사용하도록 설정했지만 사용하도록 설정하지 않은 경우, 처음에 앱을 만들 때 create-react-app 등을 사용하여 StrictMo..

왜 if(!$scope)를 사용하는가.$$phase) $120.반패턴? 가끔 사용할 필요가 있습니다.$scope.$apply"이미 진행 중인 오류"를 발생시킬 수 있습니다.그래서 저는 이 문제를 해결할 방법을 찾기 시작했고 이 질문을 발견했습니다.각진JS : $scope 호출 시 이미 진행 중인 오류 $digest를 방지합니다.145달러단, 코멘트(및 각 Wiki)에서는 다음을 읽을 수 있습니다. (!$scope)의 경우는 하지 말아 주세요.$$phase) $120.$125는 당신의 $125를 의미합니다.$syslog()가 콜스택 내에서 충분히 높지 않습니다. 이제 두 가지 질문이 있습니다. 왜 이게 안티패턴일까요? $scope를 안전하게 사용하려면 어떻게 해야 하나요?$140? "digest alrea..

angularjs 필터에 인수 전달 임의의 이름으로 필터링할 수 있도록 인수를 필터 함수에 전달할 수 있습니까? 뭐랄까 $scope.weDontLike = function(item, name) { console.log(arguments); return item.name != name; }; 실제로 앵글의 네이티브 '필터' 필터를 사용하면서도 인수를 커스텀필터에 전달할 수 있는 (더 나은 솔루션)이 있습니다. 다음 코드를 고려합니다. {{friend.name}} 이 작업을 수행하려면 필터를 다음과 같이 정의하면 됩니다. $scope.weDontLike = function(name) { return function(friend) { return friend.name != name; } } 여기서 볼 수 있듯..

요소 유형이 잘못되었습니다. 문자열(내장 구성 요소) 또는 클래스/함수가 필요합니다. import React from 'react'; import ReactDOM from 'react-dom'; import Map from './components/map/container/map'; import App from './App'; import './index.css'; import shell from './shared/utility/shell'; import { render } from 'react-dom' import { Provider } from 'react-redux' import { createStore, applyMiddleware, compose } from 'redux' import { rou..

타이프스크립트 오류:TS7053 요소에는 암묵적으로 '임의' 유형이 있습니다. 이것은 내 코드의 일부입니다. const myObj: object = {} const propname = 'propname' myObj[propname] = 'string' 에러가 발생했습니다. ERROR in path/to/file.ts(4,1) TS7053: Element implicitly has an 'any' type because expression of type '"propname"' can't be used to index type '{}'. Property 'propname' does not exist on type '{}'. 무엇이 문제이며, 어떻게 수정해야 합니까?개체의 인덱스 유형을 정의해야 합니다.고객님..

입력 타입="파일"에 이미지를 추가해 같은 형태로 송신한 후 섬네일 이미지를 생성하는 방법 저는 사용자가 사진을 업로드 할 수 있는 폼을 가지고 있습니다.유저가 폼을 송신하면, 프런트 엔드에 각 사진의 섬네일을 생성해, 서버에 보존하고 싶다고 생각하고 있습니다. 보안상의 이유로 파일 입력 필드의 값을 변경할 수 없습니다.프런트 엔드에 생성된 섬네일 이미지를 js 단위로 서버에 보내려면 어떻게 해야 합니까? 양식을 제출하기 전에 입력 파일 필드에 설정된 이미지에서 썸네일을 프런트 엔드로 생성할 수 있습니까?그리고 동시에 둘 다 제출하는 건가요?간단하면서도 강력한 튜토리얼을 발견했습니다.단순히 데이터 전송에 대한imgfileReader 객체를 사용하여 fileReader 객체의 소스 속성을 형식 입력 값으로..