반응형

전체 글 682

React에 필요한 프로포즈를 1개 이상 포함

React에 필요한 프로포즈를 1개 이상 포함 최소한 필요한 소품 중 하나를 만들어야 합니다. MyComponent.propTypes = { data: PropTypes.object, url: PropTypes.string }; 따라서 위의 예에서는 다음 중 하나를 수행합니다.data또는url소품을 제공해야 합니다.여기서의 사용 사례는 사용자가 다음 중 하나를 제공할 수 있다는 것입니다.data또는url. 만약url컴포넌트가 제공되면 이 컴포넌트가 이 컴포넌트를 가져옵니다.data. 보너스 질문:소품 하나와 소품 하나를 어떻게 해야 하나요?PropTypes는 실제로 커스텀 함수를 인수로 사용할 수 있으므로 다음과 같은 작업을 수행할 수 있습니다. MyComponent.propTypes = { data: ..

programing 2023.03.31

div 클릭 시 열린 파일 브라우저 반응

div 클릭 시 열린 파일 브라우저 반응 내 반응 구성요소: import React, { PropTypes, Component } from 'react' class Content extends Component { handleClick(e) { console.log("Hellooww world") } render() { return ( ) } } export default Content 여기서 아이콘이 있는 div를 클릭할 때 다음을 엽니다.사진을 선택할 수 있는 옵션을 보여 주는 파일입니다.사진을 선택한 후 어떤 사진을 선택했는지 값을 받고 싶습니다.어떻게 반응할 수 있을까요?먼저, 고객용 참조 후크를 만듭니다.input. const inputFile = useRef(null) // or, for Ty..

programing 2023.03.31

NextJs CORS 문제

NextJs CORS 문제 Vercel(www.example.com)에서 호스팅하는 Next.js 앱을 사용하고 있습니다.이 앱은 백엔드와 통신해야 합니다.api.example.com의 다른 서버에서 호스트되는 NET Core Web API..NET core web api는 CORS를 허용하도록 설정되어 있지만 Next.js는 AX를 사용하면 데이터가 표시되지 않는다고 계속 불평합니다.응답에 allow-cors 헤더가 없기 때문에 IOS가 데이터를 가져옵니다. 오리진 'http://www.example.com'에서 XMLHttpRequest로의 액세스가 CORS 정책에 의해 차단되었습니다.비행 전 요청에 대한 응답이 액세스 제어 검사를 통과하지 못했습니다.요청된 리소스에 'Access-Control-Al..

programing 2023.03.31

기본적으로는 Spring Boot에서는 뷰가 저장되는 장소는 어디입니까?

기본적으로는 Spring Boot에서는 뷰가 저장되는 장소는 어디입니까? Spring Boot을 사용하여 구성 부하가 높은 바닐라 Spring MVC 프로젝트를 다시 작성하는 실험을 하고 있습니다.Spring Boot Initiaizer(스프링 부트 초기화기)는 IntelliJ Spring Boot(스프링 부트)의 Spring Boot(스프링 부트)의 Spring Boot Initiaizer(자바)의 Spring Boot Initiaizer(스프링 부트).에서는 생성된 하다고 지적하고 또, 「 」는 「 」의 「 」입니다.@SpringBootApplication이치노샘플 REST 컨트롤러가 JSON으로 동작하고 시리얼화된 오브젝트를 반환하도록 했습니다만, 표시를 하는 것은 어려운 것 같습니다.작성한 web..

programing 2023.03.31

Wordpress 사용자 지정 게시 유형 레이블 이름 가져오기

Wordpress 사용자 지정 게시 유형 레이블 이름 가져오기 커스텀 포스트 타입의 lable/Menu_name을 에코하고 싶다. 예: Product라는 이름의 커스텀 투고 유형을 만듭니다. 제품 포스트 타입에 포스트 아이스크림을 추가합니다. 그래서 아이스크림 페이지에 이 예시 링크를 반영하고 싶습니다. 가정용/제품/아이스크림 기본적으로 커스텀 포스트 타입의 브레드 크럼과 같습니다.post_type 객체를 가져와 라벨의singular_name또는 복수name, $post_type_obj = get_post_type_object( 'ice_cream' ); echo $post_type_obj->labels->singular_name; //Ice Cream. echo $post_type_obj->labels..

programing 2023.03.31

Angular 2 형제 구성 요소 통신

Angular 2 형제 구성 요소 통신 List Component가 있습니다.List Component에서 항목을 클릭하면 해당 항목의 세부 정보가 Detail Component에 표시됩니다.둘 다 동시에 화면에 표시되므로 라우팅은 필요하지 않습니다. List Component에서 어떤 항목을 클릭했는지 Detail Component에 어떻게 알 수 있습니까? 부모(App Component)까지 이벤트를 송신하는 것을 검토하고 부모에게 @Input을 사용하여 Detail Component의 selectedItem.id을 설정하도록 했습니다.또는 관찰 가능한 구독을 가진 공유 서비스를 사용할 수도 있습니다. 편집: 이벤트 + @Input을 통해 선택한 항목을 설정해도 추가 코드를 실행해야 할 경우 Deta..

programing 2023.03.26

Angularjs: ng-model 업데이트 시 업데이트 안 함을 선택합니다.

Angularjs: ng-model 업데이트 시 업데이트 안 함을 선택합니다. 다음 예제를 작성했습니다.이 예에서는 무슨 일이 일어나고 있는지 정확하게 확인할 수 있습니다.http://jsfiddle.net/8t2Ln/101/ ng-options를 사용해도 같은 현상이 발생합니다.이렇게 하는 데는 다른 이유가 있지만, 예를 단순화해서 그 부분은 생략했습니다. 보시다시피 기본적으로 두 가지 옵션이 있습니다.선택 옆에 선택된 ng-model 값을 표시하여 확인할 수 있도록 합니다.상단 부분을 사용하여 세 번째 옵션을 추가하면 선택 옆에 표시되는ng-model 값으로 알 수 있듯이 새 옵션의 값으로 값이 설정됩니다.단, 선택 자체는 올바른 값을 표시하도록 변경되지 않습니다. 링크의 샘플코드를 다음에 나타냅니다..

programing 2023.03.26

리액트 훅으로 빨리 돌아올 수 있나요?

리액트 훅으로 빨리 돌아올 수 있나요? React 문서에서는 콜 후크가 조건부로 동작하지 않음을 명확히 하고 있습니다.원래 리액트 후크 프레젠테이션에서는 리액트가 사용자가 호출한 후크 순서를 사용하여 올바른 값을 주입하기 때문입니다. 이해했습니다만, 후크가 있는 기능 컴포넌트 내에서 조기에 복귀해도 괜찮은지 어떤지 묻고 싶습니다. 그럼 이런 게 허용되나요? import React from 'react'; import { useRouteMatch, Redirect } from 'react-router'; import { useSelector } from 'react-redux'; export default function Component() { const { match } = useRouteMatch({..

programing 2023.03.26

ngInject는 다음 코드에서 무엇을 합니까?

ngInject는 다음 코드에서 무엇을 합니까? AngularJS 컨트롤러 코드: function AuthConfig($stateProvider, $httpProvider) { 'ngInject'; // Define the routes $stateProvider .state('app.login', { url: '/login', templateUrl: 'auth/auth.html', title: 'Sign in' }) .state('app.register', { url: '/register', templateUrl: 'auth/auth.html', title: 'Sign up' }); }; export default AuthConfig; ngInject의 용도를 알 수 없습니다.누가 좀 도와주실래요?'ng..

programing 2023.03.26

Typescript React App에서 특정 소품을 지정하고 일반적인 HTML 소품을 받아들입니다.

Typescript React App에서 특정 소품을 지정하고 일반적인 HTML 소품을 받아들입니다. React Wrapper Component를 가지고 있습니다.이 컴포넌트는 일부 소품을 사용할 수 있지만 다른 모든 소품을 자 컴포넌트로 전송합니다(특히 className, id 등 네이티브 소품 관련). 하지만, 제가 원어민 소품들을 지나칠 때, 타이프 원고는 불평을 합니다.오류 메시지 참조: TS2339: "IntrinsicAttributes & IntrinicClassAttributes & Readonly & Readonly 。 네이티브 소품..

programing 2023.03.26
반응형