goodsource

반응 네이티브:네이티브 프로펠러 RCTView.maxHeight용 propType 없음 RN 0.30으로 업그레이드한 후 가장 간단한 앱을 빌드해도 아래와 같은 오류가 나타나기 시작했습니다. react-native init AwesomeProject react-native run-ios 가장 이상한 것은 이 컴포넌트가BlurView,VibrancyView그리고.RNSearchBar프로젝트에서 사용하지 않음에도 불구하고 경고 메시지에 포함됩니다. 프로젝트를 재컴파일/청소해도 문제가 해결되지 않습니다. 콘솔 및 오류: 2016-07-22 08:48:02.985 [warn][tid:main][RCTEventEmitter.m:52] Sending `websocketFailed` with no listeners ..

반응 전달 소품(하나 제외) 대체 소품에 대한 반응 제안입니다.깔끔해! 소품 하나 빼고 다 어떻게 옮기죠? render: function(){ return (); } 다음 기술을 사용하여 일부 소품을 소비하고 나머지 소품을 전달할 수 있습니다. render() { var {one, ...other} = this.props; return ( ); } 원천필요한 것은 소품 오브젝트의 복사본을 작성하고 원하지 않는 키를 삭제하는 것입니다.가장 쉬운 방법은omit부터lodash하지만 코드도 조금 쓸 수 있습니다(하나를 제외한 모든 소품 키를 가진 새로운 오브젝트를 만듭니다). 생략 포함(임포트하는 패키지/ES 플레이버에 따라 상단에 있는 몇 가지 옵션): const omit = require('lodash.om..

버튼 클릭 한 번으로 반응 시 입력 비활성화 이 기본 컴포넌트가 있는데 버튼을 클릭할 때마다 텍스트 필드를 비활성화하거나 활성화하고 싶습니다.어떻게 하면 좋을까요? 샘플 코드는 다음과 같습니다. import React from "react"; import Button from 'react-button' const Typing = (props) => { var disabled = "disabled"; var enabled = !disabled; const handleUserInput = (event) => props.onUserInput(event.target.value); const handleGameClik = (props) => { disabled = enabled; } return( Start Ga..

componentDidUpdate vs componentWillReceiveProps 사용 사례 in react 사용법은 다음과 같습니다.componentWillReceiveProps componentWillReceiveProps(nextProps) { if(nextProps.myProp !== this.props.myProps) { // nextProps.myProp has a different value than our current prop } } 와 매우 유사합니다.componentDidUpdate componentDidUpdate(prevProps) { if(prevProps.myProps !== this.props.myProp) { // this.props.myProp has a differe..

전류를 수동으로 설정할 때 useRef() 훅과 함께 사용하는 스크립트 유형은 무엇입니까? 유형 스크립트를 사용하여 React ref를 가변 인스턴스로 사용하려면 어떻게 해야 합니까?현재 속성이 읽기 전용으로 입력된 것 같습니다. React + Typescript를 사용하여 React가 렌더링하지 않은 입력 필드와 상호 작용하는 라이브러리를 개발하고 있습니다.HTML 요소에 대한 참조를 캡처한 후 React 이벤트를 바인딩합니다. const inputRef = useRef(); const { elementId, handler } = props; // Bind change handler on mount/ unmount useEffect(() => { inputRef.current = document.get..

'string' 유형은 'inherit' | 'initial' | 'unset' | 'fixed' | 'absolute' | 'static' | 'relative' | 'sticky'에 할당할 수 없습니다. 응용 프로그램에서 다음 오류가 발생합니다(npm 5.4.2, react 15.4, typescript 2.5.3, webpack 2.2.1, webpack-dev-server 2.4.1). 이 조작은 유효합니다. working 컴파일되지 않음: const mystyle = { position: 'absolute' } not working 컴파일 오류: ERROR in ./src/components/Resource.tsx (61,18): error TS2322: Type '{ style: { posit..

확산 인수는 태플 형식을 갖거나 rest 매개 변수로 전달되어야 합니다. React 이 코드가 있습니다.Typescript: const [history, setHistory] = useState([Array(9).fill(null)]); const newHistory = history.slice(0, currentStep + 1); 분산 연산자를 사용하여 새 상태를 설정하는 경우: setHistory(...newHistory); 오류가 있습니다. 확산 인수는 태플 유형을 가지거나 rest 매개 변수로 전달되어야 합니다. 이걸 어떻게 타이핑하면 좋을지 누가 좀 도와줄래요?일반적으로 apply를 사용하면 이러한 오류를 방지할 수 있습니다. setHistory(...newHistory); //drops err..

구성 요소 정의에 표시 이름 react/display-name이 없습니다. 여기에 표시명을 추가하려면 어떻게 해야 하나요? export default () => ; 화살표 함수를 직접 내보내도 구성 요소에 a가 표시되지 않습니다.displayName단, 일반 함수를 내보내는 경우 함수 이름은 다음과 같이 사용됩니다.displayName. export default function MyComponent() { return ( ); } 함수를 변수에 넣을 수도 있습니다.displayName함수를 수동으로 실행한 다음 내보냅니다. const MyComponent = () => ( ); MyComponent.displayName = 'MyComponent'; export default MyComponent; t..

반응 폼 검증:처음에 송신 버튼을 무효로 하는 방법 아래는 나의React사용 중인 인증 코드 양식formik기본적으로는 폼이 로드될 때 [Submit]버튼을 비활성화합니다. import { useFormik } from "formik"; import * as Yup from "yup"; const formik = useFormik({ initialValues: { firstName: "", lastName: "", email: "" }, validationSchema: Yup.object({ firstName: Yup.string() .max(15, "Must be 15 characters or less") .min(3, "Must be at least 3 characters") .required("Re..

react-router의 URL에서 해시를 제거하는 방법 라우팅에 react-router를 사용하고 있으며 브라우저에서 페이지를 새로 고치거나 기존 경로 중 하나의 URL을 지정하여 오른쪽 페이지로 이동할 수 있도록 hashHistory 옵션을 사용합니다.정상적으로 동작합니다만, 다음과 같은 해시가 URL 에 표시됩니다.http : //localhost / # / http ? _ k = ya6z6i 라우팅 설정은 다음과 같습니다. ReactDOM.render(( ), document.getElementById('app-container')); browser History 옵션을 사용해 보셨습니까?브라우저에서 페이지를 새로 고치거나 기존 경로 중 하나의 URL을 지정하여 오른쪽 페이지로 이동할 수도 있습니..