testman

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

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

react-bootstrap을 사용하여 다이내믹드롭다운리스트를 작성하려면 어떻게 해야 하나요? react-bootstrap 사이트의 예제 코드는 다음을 나타냅니다.어레이를 사용하여 옵션을 구동해야 하는데 컴파일할 예를 찾을 수 없습니다. select (multiple) ... 이 두 가지 기능으로 시작할 수 있습니다.첫 번째는 페이지에 전달된 소품을 기반으로 선택 옵션을 동적으로 작성합니다.이러한 항목이 상태에 매핑되어 있는 경우 선택 항목이 자동으로 다시 생성됩니다. createSelectItems() { let items = []; for (let i = 0; i { return {e.name}; })} 화살표 기능을 사용하여 동적 드롭을 바인드합니다. class BindDropDown extends..

리액트스트랩과 리액트 부트스트랩의 차이점은 무엇입니까? reactj에 대해 두 개의 다른 부트스트랩을 찾았습니다. npm install --save reactstrap react-dom npm install react-bootstrap 부트스트랩 이 둘의 기본과 주요 차이점은 무엇입니까?저도 이 문제에 대해 고민해 왔습니다만, @Besart Marku씨의 말대로, 매우 높은 평가를 받고 있습니다. 한 가지 다른 점은 reactstraps 문서에서는 많은 코드 예에서 상태를 사용한다는 것입니다. import React from 'react'; import { Button, Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap'; class Modal..

material-ui 아이콘버튼에서 SVG 아이콘을 확대하는 방법 react.js와 Material UI 라이브러리를 사용하여 웹 페이지를 구축한 적이 있습니까?아이콘 크기를 어떻게 조정해야 합니까?이것은 svg 아이콘입니다.방금 '새로 만들기' 컴포넌트를 만들었습니다.이것은 맨 위에 콘텐츠 추가 버튼이 있는 재료 종이입니다.여기 암호가 있습니다. import React from 'react'; import Paper from 'material-ui/lib/paper'; import ContentAdd from 'material-ui/lib/svg-icons/content/add'; import IconButton from 'material-ui/lib/icon-button'; const styleFor..

react native가 ipad의 창을 채우지 않음 제가 실행하고 있는 리액트 네이티브 프로젝트(Facebook의 예도 포함)는 아이패드에서는 이상하게 보입니다.화면이 꽉 차지 않고 모든 것이 "너무 커" 보입니다.(내용의 좌우에 2개의 검은 막대가 있습니다) 어떤 도움이라도 좋습니다.감사합니다!솔루션:xcode 프로젝트에서 일반 탭으로 이동한 다음 배포 정보로 이동하십시오.여기서 원하는 디바이스 타입으로 변경할 수 있습니다(범용 디바이스는 양쪽 모두에 대응합니다). Expo를 이용하는 경우(create-react-native-app)을(를) 수정하여 주십시오.app.json세팅하다ios.supportsTablet로.true: "ios": { "bundleIdentifier": "your bundle ..

React에 내장된 프로덕션과 개발의 차이점JS 했는데 리액션을 사용한 .Webpack생산 및 개발 빌드를 만듭니다.그러나 이 두 빌딩의 차이점이 무엇인지, 그리고 어떤 빌딩을 언제 사용해야 하는지에 대한 설명은 없었습니다.인터넷을 검색해 봤지만 도움이 되는 것을 찾지 못했어요.제가 읽지 못한 튜토리얼이나 설명을 가지고 계신 분이 있습니까?개발 빌드는 이름에서 알 수 있듯이 개발 목적으로 사용됩니다.이러한 빌드에는 소스 맵, 디버깅 및 종종 핫 새로고침 기능이 있습니다. 한편, 실가동 빌드는 실가동 모드로 실행됩니다.즉, 이것은 클라이언트의 머신에서 실행되고 있는 코드입니다.프로덕션 빌드는 uglify를 실행하고 소스 파일을 하나 이상의 최소화된 파일로 빌드합니다.또한 CSS와 이미지 및 웹 팩으로 로드..

리액트 라우터를 사용하여 프로그래밍 방식으로 탐색 사용자가 그렇지 않은지 확인하는 어플리케이션을 개발 중입니다.loggedIn로그인 폼을 표시해야 합니다.그렇지 않으면dispatch한 사람action루트를 변경하고 다른 컴포넌트를 로드합니다.코드는 다음과 같습니다. render() { if (isLoggedIn) { // dispatch an action to change the route } // return login component } 내부 상태를 변경할 수 없기 때문에 어떻게 해야 합니까?render기능.사용하고 있는 것을 생각하면react-router v4 컴포넌트 사용방법withRouter및 사용history.push소품부터 루트를 바꿀 수 있습니다.를 활용할 필요가 있습니다.withRout..

스크립트 입력 onchange event.target.value 리액트 및 타이프스크립트 앱에서는 다음을 사용합니다. onChange={(e) => data.motto = (e.target as any).value} 어떻게 하면 수업의 오타를 정확하게 정의해서, 그 때문에 활자 시스템을 해킹할 필요가 없어집니다.any? export interface InputProps extends React.HTMLProps { ... } export class Input extends React.Component { } 내가 넣으면target: { value: string };다음과 같은 것이 있습니다. ERROR in [default] /react-onsenui.d.ts:87:18 Interface 'InputPr..

Response setState가 업데이트되지 않음 자, 여기 있습니다. let total = newDealersDeckTotal.reduce(function(a, b) { return a + b; }, 0); console.log(total, 'tittal'); //outputs correct total setTimeout(() => { this.setState({ dealersOverallTotal: total }); }, 10); console.log(this.state.dealersOverallTotal, 'dealersOverallTotal1'); //outputs incorrect total newDealersDeckTotal단지 숫자의 배열일 뿐이다.[1, 5, 9]예: 단,this.stat..