itgroup

React 라우터 글로벌헤더 이제 막 React를 배우기 시작했는데, SPA 블로그를 만들려고 합니다. SPA 블로그에는 글로벌하게 고정된 헤더가 있습니다. import React from 'react'; import { render } from 'react-dom'; // import other components here render(( ), document.getElementById('app')); 따라서 각 루트의 헤더는 동일하며 각도가 있는 배경에서는 ui 뷰 이외의 헤더를 사용합니다. 각 페이지 컴포넌트에 헤더 컴포넌트를 Import하는 것이 좋습니다.또는 헤더 컴포넌트를 추가할 수 있습니까?? 업데이트: 이런 걸 써볼까 했는데 루트 컴포넌트: 루트를 정의합니다. class Routes ext..

이 react-scripts eject 명령어는 무엇을 합니까? 의 개요npm run eject명령어 do?start, build, test와 같은 다른 명령어의 기능을 이해하고 있습니다.하지만 이젝트는 전혀 몰라 create-module-app은 내부적으로 사용하는 모든 npm 모듈을 캡슐화하여 패키지를 만듭니다.json은 당신이 걱정할 필요 없이 매우 깨끗하고 단순할 것입니다. 단, 보다 복잡한 작업을 시작하고 create-react-app이 후드 아래에서 사용하는 모듈과 상호작용할 수 있는 모듈을 설치하려면 이러한 새로운 모듈은 사용 가능한 것과 사용할 수 없는 것을 알아야 합니다.즉, create-react-app을 압축 해제해야 합니다. 그게 본질적으로react-scripts eject보닛 아래..

Webpack dev 서버를 포트 80 및 0.0.0에서 실행하여 공개 접근을 가능하게 하려면 어떻게 해야 합니까? 저는 모든 nodejs/reactjs 세계에 익숙하지 않기 때문에 제 질문이 바보같이 들리면 죄송합니다.그래서 리액타불라.js를 가지고 놀고 있어요. 할 때마다npm start그것은 항상 계속된다localhost:8080. 실행되도록 변경하려면 어떻게 해야 합니까?0.0.0.0:8080공개하려고요?위의 repo에서 소스 코드를 읽어보려고 했지만 이 설정을 하는 파일을 찾을 수 없었습니다. 또한 포트 상에서 실행되도록 하려면 어떻게 해야 합니까?80그게 가능하다면요?이런 일이 나한테는 통했어이게 너한테 효과가 있을 것 같아. 이를 사용하여 webpack-dev를 실행합니다. webpack-d..

joke를 사용하여 window.navigator.language를 조롱하는 방법 나는 지금 조롱하려고 하고 있다window.navigator.language내 페이지의 콘텐츠가 올바른 언어를 사용하고 있는지 테스트할 수 있도록 내 농담 단위 테스트에서 브라우저 속성을 지정합니다. 온라인에서 다음을 사용하는 사용자를 찾았습니다. Object.defineProperty(window.navigator, 'language', {value: 'es', configurable: true}); 테스트 파일 맨 위에 설정해 두었더니 동작하고 있습니다. 그러나 개별 테스트에서 다시 정의(및 구성 가능 여부를 확인하도록 설정된 사용자)하면 다시 정의되지 않고 이전 값만 사용합니다. 확실하게 변경할 수 있는 방법을 아는 ..

리액트 네이티브텍스트 입력 옵션 프로젝트에 TextInput을 사용하고 있으며, 아래 스크린샷에서 공유되는 (컷/복사/붙여넣기/공유)와 같은 모든 종류의 텍스트 선택이나 액션을 비활성화하려고 합니다. 네이티브 대응 공식 문서에서 아무것도 찾을 수 없습니다. 2개의 속성을 추가해야 합니다.selectTextOnFocus그리고.editable 예를 들어 다음과 같습니다. 문자 입력 속성만 입력해 주세요.editable={false}context Menu Hidden은 사용자가 텍스트를 특정 필드에 붙여넣지 않도록 설정하고 컨텍스트메뉴를 숨깁니다 업데이트: 이것은 아직 릴리즈에 포함되어 있지 않습니다.링크를 클릭하여 태그를 확인함으로써 커밋의 릴리스를 항상 확인할 수 있습니다.0.55까지는 안정적인 발매를 기..

반응 응용 프로그램에서 개체를 기본 값 오류로 변환할 수 없습니까? 간단한 리액트 스프링 부트 어플리케이션을 개발하고 있습니다만, GitHub의 문제로 인해 IntelliJ를 사용하여 어플리케이션 스타터 파일을 재생성하고 이전 어플리케이션 패키지를 사용하여 노드 모듈을 설치합니다.json 파일의 종속성 데이터입니다. 접히는 네비게이션바(햄버거바-->모바일 뷰에서 접히는 응답 네비게이션바)를 사용하여 햄버거 버튼을 클릭하면 다음 오류가 나타납니다.하지만 이전 어플리케이션에서는 모든 것이 잘 진행되었습니다. TypeError: Cannot convert object to primitive value HTMLDivElement. C:/Users/Hasindu/Documents/AF/Application Fra..

리액트 라우터의 새 탭에서 프로그래밍 방식으로 링크 열기 리액트 사용 중React Router(리덕스 없음)와 함께 프로젝트에 대한 JS 링크를 프로그래밍 방식으로 열지만 새 탭으로 엽니다.사용하는 것은 알고 있습니다.onClickNode={e => this.props.history.push('/${e.data.node.id}')}원하는 링크로 이동할 수 있지만 같은 탭에서 열리는 것이 문제입니다.또한 JSX를 그 함수에 사용할 방법이 없기 때문에 추가 가능성이 없습니다.요소. (리액트 라우터 v4를 사용하고 있습니다)이 https://stackoverflow.com/a/11384018/7697399의 답변은 저를 도와줬고 완벽하게 작동했습니다.이는 리액트 라우터의 도움 없이도 수행할 수 있습니다. fu..

React.js의 선언과 명령의 차이는 무엇입니까? Facebook JavaScript React.js 기기 。 세계와의 에 대해 할 때, 두 프로그래밍 스타일 JavaScript가 .declarative ★★★★★★★★★★★★★★★★★」imperative을 사용하다 둘 다 뭐가 달라요?리액션과 같은 선언형 스타일을 사용하면 "이렇게 표시되어야 합니다"라고 함으로써 응용 프로그램의 흐름과 상태를 제어할 수 있습니다.명령형 스타일은 이를 전환하여 "이것이 당신이 해야 할 일입니다"라고 말하는 것으로 당신의 어플리케이션을 제어할 수 있도록 합니다. 선언적인 것의 장점은 주(州)를 대표하는 구현 세부 사항에 얽매이지 않는다는 것이다.애플리케이션 뷰의 일관성을 유지하기 위한 조직 컴포넌트를 위임하고 있기 때문에..

유형 스크립트 - React 구성 요소의 "이름 찾을 수 없음" 오류 기존 리액트 코드를 TypeScript로 이행하고 있는데, 그 중 하나가 이름을 찾을 수 없는 오류입니다..js파일.ts파일을 표시합니다. 문제의 코드는 다음과 같습니다. import React from 'react'; const Footer = ({ children, inModal }) => ( {children} ); export default Footer; 에서 5행로.는 빨간색으로 밑줄이 그어져 있으며 마우스를 어디에 두느냐에 따라 다음과 같은 다양한 오류가 나타납니다. 'footer' 이름을 찾을 수 없습니다. '>'가 필요합니다. 이름 'div'를 찾을 수 없습니다. 종료되지 않은 정규 표현식 리터럴 연산자 '

className 프로펠의 React + TypeScript 사용 를 입력하고 사용하는 올바른 방법은 무엇입니까?className커스텀 컴포넌트에 프로펠러를 삽입할 수 있습니까?예전엔 이렇게 할 수 있었는데 class MyComponent extends React.Component { ... } 다음으로 내 컴포넌트를 사용합니다. 주의: 이 명령어는 정의하지 않습니다.className에MyProps단, React는 이 사용을 지원하기 위해 이미 입력되어 있습니다. 이 시점에서 다음과 같은 에러가 표시됩니다. Property 'className' does not exist on type 'IntrinsicAttributes & IntrinsicClassAttributes & Readonly