showcode

React Native는 iOS 및 Android에서 JavaScript를 네이티브로 실행할 수 있도록 하기 위해 무엇을 사용합니까? React Native는 iOS 및 Android와 인터페이스하기 위해 커버 아래에서 무엇을 사용합니까?Cordova는 WebView를 사용하여 네이티브 컨테이너 내의 웹 페이지를 효과적으로 표시합니다.React Native도 같은 접근방식을 사용하고 있습니까?그렇지 않은 경우 어떤 접근 방식을 사용합니까?React Native는 Cordova를 기반으로 하지 않습니다.웹뷰에 삽입된 앱처럼 보이는 웹사이트가 아닙니다. React Native는 JavaScript 런타임을 사용하지만 UI는 HTML이 아니며 WebView를 사용하지 않습니다.UI를 정의하려면 JSX 및 Re..

왜 모든 렌더에서 useEffect의 정리 기능이 호출됩니까? 리액트라는 가 리액트라는 .useEffect는 정리를 수행하도록 되어 있으며 구성 요소가 마운트 해제되면 React가 정리를 수행합니다. 을 해봤는데 이 함수는 DOM에서 분리되었을 때에만 호출됩니다.console.log("unmount");이치노 왜 그런 것일까요? function Something({ setShow }) { const [array, setArray] = useState([]); const myRef = useRef(null); useEffect(() => { const id = setInterval(() => { setArray(array.concat("hello")); }, 3000); myRef.current = id;..

useState() 훅을 사용하여 리액트 상태를 갱신하려면 어떻게 해야 합니까? 요소인 '하다'가 요.검증과 모든 형식을 합니다.state모두 있습니다.onChange,onSubmit ) , , 、 를 、 등 、 , 、 등 , , 。childrenBasicForm를 참조해 주세요를 참조해 주세요. 그것은 의도한 대로 작동한다.문제는 리액트 훅을 사용하도록 변환하고 있기 때문에 클래스일 때 했던 다음 동작을 재현하려고 할 때 의구심이 든다는 것입니다. class BasicForm extends React.Component { ...other code... touchAllInputsValidateAndSubmit() { // CREATE DEEP COPY OF THE STATE'S INPUTS OBJECT ..

'상세정보' 유형에 속성이 없습니다.HTMLDivElement' (HTMLDivElement) (Resact 16 탑재) React 16에서 커스텀 DOM 속성을 사용할 수 있게 되었기 때문에 Typescript 코드에서 이를 활용하려고 했습니다. import * as React from 'react'; 단, 다음 오류 메시지가 나타납니다. 오류 TS2339: 유형 'Detailed'에 'size' 속성이 없습니다.HTML Props . 이 스레드는 다음 작업을 수행할 것을 제안합니다.module augmentation그래서 이렇게 해봤습니다. import * as React from 'react'; declare module 'react' { interface HTMLProps { size?:strin..

HOC와 컴포넌트 랩의 차이점 방금 리액트에 있는 HOC를 확인했어그들은 꽤 멋있다.그러나 단순히 컴포넌트를 포장하는 것만으로 동일한 결과를 얻을 수 있지 않습니까? 고차 컴포넌트 이 단순한 HOC은 상태를 속성으로 Composed Component에 전달합니다. const HOC = ComposedComponent => class extends React.Component { ... lifecycle, state, etc;... render() { return (); } } 컴포넌트 포장 이 구성 요소는 상태를 속성으로 하위 구성 요소에 전달합니다. class ParentComponent extends React.Component { ... lifecycle, state, etc;... render()..

리액트를 사용하여 HTML 태그에 클래스를 추가하시겠습니까? 저는 리액트 프로젝트에서 모달(modal)을 만들고 있습니다.모달(modal)을 열었을 때 클래스를 추가하고 닫았을 때 클래스를 제거해야 합니다. 클래스를 추가/삭제하는 바닐라 자바스크립트를 실행함으로써 이전 jQuery 방식으로 이것을 수행할 수 있지만, 이것은 일반적인 리액트 철학처럼 느껴지지 않습니다. 대신 최상위 컴포넌트에 setState를 설정하여 모달의 오픈 또는 클로즈 여부를 표시해야 합니까?이렇게 해도 페이지의 div에 들어가 버리기 때문에 본문 요소를 편집하는 것은 아직 부작용입니다만, 이 추가 배선에는 이점이 있습니까?TL;DR사용하다document.body.classList.add그리고.document.body.classLi..

'react-scripts start' 명령어는 정확히 무엇입니까? create-react-app프로젝트를 시작하려면 두 가지 옵션이 있습니다. 첫 번째 방법: npm run start의 package.json음음음같 뭇매하다 "start": "react-scripts start", 두 번째 방법: npm start 이두두 령이 ?이 ??? ??? 이 글의 입니까?react-scripts start 정의를 찾으려고 했는데, 방금 이 이름의 소포를 발견했습니다.이 명령어의 용도를 아직 모르겠습니다.create-syslog-app 및 react-syslog react-scripts는 스타터 팩의 스크립트 세트입니다.create-display-app을 사용하면 구성 없이 프로젝트를 시작할 수 있으므로 프로젝트..

Visual Studio 2017 리액트 프로젝트 Visual Studio 2017에서 리액트 애플리케이션을 개발하고 싶습니다.NET 어플리케이션(같은 솔루션 내). 저는 TypeScript를 사용하고 있기 때문에 빌드를 커스터마이즈할 수 있는 프로젝트 타입을 원합니다(프로젝트를 Web 패키징하는 등 표준 Visual Studio TypeScript 빌드는 충분하지 않습니다). node.js 개발자 도구를 설치했지만 node.js 특정 프로젝트(시작 시 node.js 인스턴스를 실행)만 생성할 수 있으며 빌드 프로세스를 커스터마이즈할 수 없습니다. 이에 가장 적합한 프로젝트 유형은 무엇입니까?최근에 이 작업을 수행했는데 다음 사항을 권장합니다. Visual Studio 2017에서 "공백" 솔루션 프로젝..

응답에 useState 훅이 있는 콜백을 사용하는 방법 이 질문에는 이미 답변이 있습니다. 리액트 훅에서 'setState' 콜백을 사용하는 방법 (22개 답변) 닫힘2년 전에요. 후크가 달린 기능성 컴포넌트를 사용하고 있습니다.자녀에서 부모 상태를 업데이트해야 합니다.Parent에서 prop 기능을 사용하고 있습니다.현재 상태가 아닌 이전 상태가 되는 것을 제외하고 모든 것이 정상적으로 작동합니다.useState 훅 설정 현재 상태를 설정하기 전에 프로펠러 기능이 실행됩니다.useState 콜 후에 콜백 기능이 실행되기를 어떻게 기다릴 수 있습니까?클래스 베이스의 컴포넌트에서 setState(state, callback)와 같은 것을 찾고 있습니다. 코드 스니펫은 다음과 같습니다. function Pa..

jsx의 html 태그 자동 완성(하위 텍스트) 리액트/jsx 코드의 html 태그에 autocomplete를 사용할 수 있도록 하고 싶습니다.html 파일에 대해서도 같은 방법으로 동작합니다.jsx 파일에 대해 태그 자동 완성을 사용하도록 하위 텍스트 3을 구성할 수 있습니까?Sublime의 는 Sublime의하고 약간 에 더 할 수 ./Default.sublime-package을 사용하다 { "keys": ["/"], "command": "close_tag", "args": { "insert_slash": true }, "context": [ { "key": "selector", "operator": "equal", "operand": "(text.html, text.xml, meta.jsx.js) ..