반응형

reactjs 38

반응 선택:적어도 비동기 모드에서 목록을 펼치는 오른쪽 버튼을 삭제할 수 있는 방법이 있습니까?

반응 선택:적어도 비동기 모드에서 목록을 펼치는 오른쪽 버튼을 삭제할 수 있는 방법이 있습니까? 사용하고 있다AsyncSelect오른쪽 화살표 버튼을 숨기면 옵션 목록이 나타납니다. 기본 옵션이 있는 경우 의미가 있습니다.하지만 내 경우엔 아무것도 없으니 그 버튼은 내 상황에 맞지 않아 안에 있을 때 제거/숨기는 방법이 있나요?async기본 옵션이 없는 모드입니까? 코드는 다음과 같습니다. 또, 컴포넌트가 포커스를 취득했을 때에 빈 리스트를 표시하고, 적어도 1 문자를 입력했을 때에 일치하는 옵션만을 표시하는 것을 무효로 할 수 있습니다. 2대 1로 물어봐서 미안해. 잘 부탁드립니다.다음을 포함하여 드롭다운 표시기를 제거할 수 있습니다.DropdownIndicator: () => null컴포넌트 속성에 ..

programing 2023.02.28

반응 JS 현재 날짜 가져오기

반응 JS 현재 날짜 가져오기 구성 요소에 현재 날짜를 출력하고 싶습니다.콘솔에서는 코드가 작동하지만 React 콘솔에서는 다음과 같이 표시됩니다. "bundle.js: 14744 Uncaught Range Error: 최대 콜스택 크기를 초과했습니다." 내 컴포넌트는 다음과 같습니다. import React from 'react'; var FontAwesome = require('react-fontawesome'); export class Date extends React.Component { constructor() { super(); var today = new Date(), date = today.getFullYear() + '-' + (today.getMonth() + 1) + '-' + tod..

programing 2023.02.28

스크롤 뷰 내부 뷰가 작동하지 않는 반응 네이티브

스크롤 뷰 내부 뷰가 작동하지 않는 반응 네이티브 여기에서는 간단한 코드를 시도하고 있지만 다른 보기 안에 있으면 스크롤 보기가 작동하지 않습니다.코드는 다음과 같습니다. return( ); 그러나 스크롤 보기를 부모 보기로 유지하면 완벽하게 작동합니다.코드는 다음과 같습니다. return( ); 문제는 툴바를 위아래로 스크롤하지 않고 툴바 아래 콘텐츠만 이동시키는 것입니다.어떻게 하면 좋을까요? 그리고 다음 질문:스크롤 뷰는 부모 뷰여야만 업무에 복귀할 수 있습니까?속성 플렉시블을 사용합니다.유연성은 나에게 적합하지 않습니다. ... 툴바는 다음과 같이 랩해야 합니다. 스크롤 뷰 내에서 스크롤할 컴포넌트를 다음과 같이 감습니다. your expected components... 또한 다음과 같이 루트 ..

programing 2023.02.23

리액션 js의 텍스트 필드에 길이 제약 조건을 넣습니다.

리액션 js의 텍스트 필드에 길이 제약 조건을 넣습니다. 카드 번호의 유저로부터 입력을 받고 있습니다만, 유저가 입력하는 길이는 12보다 작지 않게 해 주세요.여기 제 텍스트 필드의 선언문이 있습니다. 지금은 javascript를 사용할지 이벤트 핸들러를 사용할지 모르겠습니다. 설정할 수 요.maxLength텍스트 상자의 텍스트를 제한하기 위한 속성입니다. onChange할 수 있는 maxLengthinputProps(소문자 i, Input Props가 아님) 소품material-ui TextField. 으로 모든 네이티브 하려면 을 합니다.inputProps★★★★★★ 。 TextField API 링크나는 여기서 다른 해결책을 찾았다. { e.target.value = Math.max(0, parseI..

programing 2023.02.23

기능적인 컴포넌트에서 React의 소품에서 제네릭스를 사용하는 방법

기능적인 컴포넌트에서 React의 소품에서 제네릭스를 사용하는 방법 클래스 베이스의 컴포넌트에서는, 다음과 같은 코드를 간단하게 쓸 수 있습니다. import * as React from 'react'; import { render } from 'react-dom'; interface IProps { collapsed: boolean; listOfData: T[]; displayData: (data: T, index: number) => React.ReactNode; } class CollapsableDataList extends React.Component { render () { if (!this.props.collapsed) { return total: {this.props.listOfData.le..

programing 2023.02.23

withRouter'는 react-router-dom에서 내보내지 않습니다.

withRouter'는 react-router-dom에서 내보내지 않습니다. npm i --save react-router-dom 및 npm install --save with-router --save with-router 를 설치한 후 쓰려고 했습니다. import {withRouter} from 'react-router'; 그러나 이 오류가 발생함 Import 시도 오류: 'withRouter'는 'react-router'에서 내보내지 않습니다. import React from 'react'; import PropTypes from 'prop-types'; import { Formik } from 'formik'; import { Box, Button, Card, CardContent, CardHea..

programing 2023.02.23

같은 이름의 작업이 이미 있으므로 '래퍼' 작업을 추가할 수 없습니다.

같은 이름의 작업이 이미 있으므로 '래퍼' 작업을 추가할 수 없습니다. react-native init Awesome Project' 설치 시 실행 시 이 오류가 나타납니다.react-native run-android: Could not determine java version from '11.0.1'. 퀵 구글에서 추천하는 것은distributionUrl그래들 래퍼에서요이렇게 하면 새로운 오류가 발생합니다. Cannot add task 'wrapper' as a task with that name already exists. 이는 문제가 파일에 있음을 나타냅니다. /AwesomeProject/android/build.gradle' line: 36 이렇게 생겼는데 task wrapper(type: Wra..

programing 2023.02.23
반응형