반응형

programing 736

컴포넌트의 렌더 어레이를 리액트

컴포넌트의 렌더 어레이를 리액트 질문 하나 할게요.컴포넌트 배열 렌더링 할 줄 아는 사람?개발자가 특정 컴포넌트를 쉽게 변경할 수 있도록 합니다.(대시보드 같은 거죠) 컴포넌트 리스트파일 import React from 'react'; export default [ ]; 대시보드 컴포넌트 import React from 'react'; import components from './../../components'; export default class Dashboard extends React.Component { render = () => { //Want to render the array of components here. return ( {components} ); }; } 문제는 키를 추가해야 하..

programing 2023.03.08

텍스트 입력에서 ng-change가 작동하지 않음

텍스트 입력에서 ng-change가 작동하지 않음 저는 앵글J는 처음입니다.제 코드에는 텍스트 필드에서 초기화된 색상 선택기가 있습니다.사용자가 색상의 값을 변경하고 해당 색상이 스팬의 텍스트 배경으로 반영되기를 원합니다.안 돼요.무엇이 부족합니까? HTML: Sample Text myStyle={{myStyle}} 플런커 - http://plnkr.co/edit/APrl9Y98Em0d6rxuzRDE?p=preview 하지만 내가 그것을 바꿀 때ng-click그건 효과가 있다.ng-change에는 ng-model이 필요합니다. 같은 문제가 있습니다. 제 모델은 다른 양식에서 바인딩되어 있습니다.ng-change그리고.ng-model아직 작동하지 않습니다. 입력#pdf-url단, dropzone에서 데이터..

programing 2023.03.08

angularjs 형식 재설정 오류

angularjs 형식 재설정 오류 저는 angularjs를 사용하여 검증과 함께 폼을 작성하려고 합니다.지금까지는 잘 해냈습니다.그러나 리셋 버튼을 커밋하면 검증 부분에서 표시되는 오류 메시지를 제외한 모든 필드가 리셋됩니다.폼을 리셋할 때 모든 필드 및 오류 메시지를 삭제하려면 어떻게 해야 합니까? 리셋 버튼을 누르면 이렇게 됩니다. 이건 내 코드야 Give us your Feedback Name* You name is required. Email Enter a valid email. Description Description is too short. Description is too long. Reset Submit 마이컨트롤러 .controller('ContactCtrl', function($sc..

programing 2023.03.08

대응: 기존 컴포넌트에 소품 추가

대응: 기존 컴포넌트에 소품 추가 기존 요소를 추가 소품으로 복제하는 방법을 찾고 있습니다. 참조용: this.mainContent = 저는 이런 걸 하려고 했는데 React.createElement(this.mainContent, Object.assign({}, this.mainContent.props, { anotherMessage: "nice to meet ya!" })); 효과가 없어요. 어떻게 하면 좋을까요?요소를 복제하고 다음을 사용하여 추가 소품을 추가해야 합니다. const ClonedElementWithMoreProps = React.cloneElement( this.mainContent, { anotherMessage: "nice to meet ya!" } ); // now render..

programing 2023.03.08

반응 제어 구성 요소와 제어되지 않는 구성 요소란 무엇입니까?

반응 제어 구성 요소와 제어되지 않는 구성 요소란 무엇입니까? ReactJ에서 제어되는 구성 요소와 제어되지 않는 구성 요소는 무엇입니까?그들은 서로 어떻게 다릅니까?이는 스테이트풀한 DOM 컴포넌트(폼 요소)와 관련되어 있으며 React 문서에서는 그 차이를 설명합니다. 제어된 컴포넌트는 현재 값을 다음과 같이 취득하는 컴포넌트입니다.props.onChange부모 컴포넌트는 콜백을 처리하여 자신의 상태를 관리하고 새로운 값을 제어된 컴포넌트에 전달함으로써 콜백을 "제어"합니다.이를 "덤 컴포넌트"라고도 할 수 있습니다. Uncontrolled Component는 자체 상태를 내부에 저장하는 컴포넌트입니다.또, 다음의 명령어를 사용해 DOM 에 문의합니다.ref이데올로기 때문에HTML에 더 가깝습니다.H..

programing 2023.03.08

jQuery에서 키 누르기 사이의 작업 지연

jQuery에서 키 누르기 사이의 작업 지연 jQuery에서 키 누르기 사이의 작업을 지연하려면 어떻게 해야 합니까?예를 들어, 이런 게 있어요. if($(this).val().length > 1){ $.post("stuff.php", {nStr: "" + $(this).val() + ""}, function(data){ if(data.length > 0) { $('#suggestions').show(); $('#autoSuggestionsList').html(data); }else{ $('#suggestions').hide(); } }); } 사용자가 계속 타이핑을 할 경우 데이터 게시를 방지하고 싶습니다.그럼 어떻게 하면 0.5초의 지연을 줄 수 있을까요?jQuery의 데이터 기능을 사용하여 다음과 ..

programing 2023.02.26

타이프스크립트:리액트에 이력 오브젝트의 타입 체크를 추가하는 방법

타이프스크립트:리액트에 이력 오브젝트의 타입 체크를 추가하는 방법 이력 오브젝트를 소품으로 받는 코드는 다음과 같습니다. const ChildComponent = ({ history }) => ( history.push(routes[4].path)}> Click me ); 이 이력 프로포트의 타입 체크를 추가하려면 어떻게 해야 합니까?이 이력 프로포트의 부모에 라우터 HOC를 붙이면 됩니다.제가 생각할 수 있는 한 가지 방법은 다음과 같은 것을 쓰는 것입니다. interface Props { history: { push(url: string): void; }; } 하지만 나는 이것이 올바른 방법이 아니라고 확신한다. 왜냐하면 역사 물체의 나머지 재산들이 손실되고 있기 때문이다. 올바른 방법을 제안해 주시..

programing 2023.02.26

Angularjs 중첩 상태: 3 수준

Angularjs 중첩 상태: 3 수준 Agnularjs와 Ionic Framework를 사용하고 있습니다.다음과 같이 중첩된 상태를 실현하려고 합니다. 이벤트 메뉴(루트) 홈(2레벨) 홈 1(3레벨) 홈 2 체크인하다 참석자 내 루트 파일은 다음과 같습니다. angular.module('ionicApp', ['ionic']) .config(function($stateProvider, $urlRouterProvider) { $stateProvider .state('eventmenu', { url: "/event", abstract: true, templateUrl: "event-menu.html" }) .state('eventmenu.home', { url: "/home", views: { 'menuCo..

programing 2023.02.26

리액트 프로젝트에 SCSS 스타일을 추가하는 방법

리액트 프로젝트에 SCSS 스타일을 추가하는 방법 이제 막 리액트(JavaScript에 관한 지식도 조금 습득 중)를 배우고 첫 번째 프로젝트를 구축하기 시작했습니다.html CSS/SCSS 학습 프로젝트에서 얻은 지식과 이해를 바탕으로 CSS/SCSS를 사용하여 첫 번째 리액트 프로젝트에 스타일을 추가하는 방법을 알고 싶습니다. 리액트 프로젝트에 SCSS를 추가하려면 어떻게 해야 합니까?create-react-app을 사용하는 경우: 1) npm을 사용하여 먼저 sass 의존관계를 설치합니다. npm install sass --save-dev 2) sass 파일을 componentName.js 파일로 Import합니다. import '../scss/FileName.scss';scss를 사용하는 방법은 ..

programing 2023.02.26

React를 사용하여 인라인 글꼴 크기 스타일 생성JS

React를 사용하여 인라인 글꼴 크기 스타일 생성JS 리액트에서 이런 걸 하려고 하는데JS: var MyReactClass = React.createClass({ render: function() { var myDivText = "Hello!"; var myFontSize = 6; //this is actually something more complicated, I'm calculating it on the fly var divStyle = { font-size: {fontSize + 'px !important;'}, }; return ({myDivText}); } }); 이 문제는 코드를 실행하면 "Module build failed:오류: 해석 오류: 줄 5: 예기치 않은 토큰 -" 분명히 Rea..

programing 2023.02.26
반응형