반응형

reactjs 28

VSCode에서 *not* 파일에 대한 TypeScript 오류를 표시하도록 하려면 어떻게 해야 합니까?

VSCode에서 *not* 파일에 대한 TypeScript 오류를 표시하도록 하려면 어떻게 해야 합니까? 인마이create-react-app@2.1.8TypeScript/React 앱, TS 컴파일러 오류는 VS 코드 에디터에 열려 있는 파일의 문제 창에만 표시됩니다.그 결과 실제로 앱을 실행할 때까지 오류를 발견하지 못할 수 있습니다. 워크스페이스를 열거나 변경 내용을 파일에 저장할 때 TypeScript가 모든 코드 파일에서 컴파일러 오류를 자동으로 체크하도록 하려면 어떻게 해야 합니까? 추가하려고 했습니다."watch": "tsc --watch"의 대본으로서package.json그리고 나서 하는 것npm run-script watch단, 이 문제에는 다음 두 가지 문제가 있습니다. 터미널 창에는 오..

sourcecode 2023.03.05

형식 설명: 'react' 모듈을 찾을 수 없습니다.

형식 설명: 'react' 모듈을 찾을 수 없습니다. 왜 못 찾는지 이해가 안 돼요. $ cat tsconfig.json { "compilerOptions": { "sourceMap": true, "target": "es6", "jsx": "react", "types": [ "lodash", "react", "react-dom" ] } } $ tree node_modules/@types node_modules/@types/ ├── lodash │ ├── README.md │ ├── index.d.ts │ ├── package.json │ └── types-metadata.json ├── react │ ├── README.md │ ├── index.d.ts │ ├── package.json │ └── ty..

sourcecode 2023.02.28

리액트 라우터돔을 사용할 때 '기능 구성 요소를 참조할 수 없음'을 방지하려면 어떻게 해야 합니까?

리액트 라우터돔을 사용할 때 '기능 구성 요소를 참조할 수 없음'을 방지하려면 어떻게 해야 합니까? 다음을 가지고 있습니다(Material UI 사용). import React from "react"; import { NavLink } from "react-router-dom"; import Tabs from "@material-ui/core/Tabs"; import Tab from "@material-ui/core/Tab"; function LinkTab(link){ return ; } 새 버전에서는 다음과 같은 경고가 발생합니다. 경고:함수 구성 요소는 참조를 제공할 수 없습니다.이 참조에 액세스하려고 하면 실패합니다.React.forwardRef()를 사용하시겠습니까? 렌더링 방법을 확인합니다.Fo..

sourcecode 2023.02.28

React Native에서 누를 때 버튼 스타일 변경

React Native에서 누를 때 버튼 스타일 변경 눌렀을 때 앱의 버튼 스타일을 바꾸고 싶습니다.어떻게 하면 좋을까요?사용하다TouchableHighlight. 다음은 예를 제시하겠습니다. import React from 'react'; import { TouchableHighlight, View, Text, StyleSheet } from 'react-native'; export default function Button() { var [ isPress, setIsPress ] = React.useState(false); var touchProps = { activeOpacity: 1, underlayColor: 'blue', // setIsPress(true), onPress: () => cons..

sourcecode 2023.02.23

eslint: 대소문자 구분 없음 - 대소문자 블록의 예기치 않은 어휘 선언

eslint: 대소문자 구분 없음 - 대소문자 블록의 예기치 않은 어휘 선언 리듀서 내부에서 이 컨텍스트에서 상태를 갱신하는 가장 좋은 방법은 무엇입니까? case DELETE_INTEREST: let deleteInterests = state.user.interests; let index = deleteInterests.findIndex(i => i == action.payload); deleteInterests.splice(index, 1); return { ...state, user: { ...state.user, interests: deleteInterests } }; ESLint는 환원기 내부의 대소문자 블록에 문장을 삽입하는 것을 좋아하지 않습니다.이것에 의해, 다음과 같은 것을 얻을 수 있습..

sourcecode 2023.02.15

커스텀 PUBLIC_URL로 create-react-app 프로젝트를 빌드할 수 없습니다.

커스텀 PUBLIC_URL로 create-react-app 프로젝트를 빌드할 수 없습니다.난 노력하고 있어. PUBLIC_URL=http://example.com npm run build 최신 create-module-script를 사용하여 구축한 프로젝트입니다. 「」, 「」의 은,%PUBLIC_URL%public/index.html치 '는 빈 입니다.PUBLIC_URL. public/index.html 인터넷 검색과 스택오버플로우를 몇 시간 동안 보면, 다음과 같은 정보가 거의 쓰여지지 않았습니다.PUBLIC_URLGitHub의 create-react-app. 제가 뭘 잘못하고 있는지 조언해 주실 분 있나요? '하다'도homepagepackage.json 후npm run build하다 The pr..

sourcecode 2023.02.15

html에서 data-signid 속성은 무엇입니까?

html에서 data-signid 속성은 무엇입니까? 일부 페이지의 HTML을 검토하던 중 다음과 같은 "data-reactid" 속성을 사용하는 페이지를 발견했습니다. 그 속성은 무엇이고 그 기능은 무엇입니까?그data-reactidattribute는 React가 DOM 내의 컴포넌트를 일의로 식별할 수 있도록 사용되는 커스텀 속성입니다. React 어플리케이션은 클라이언트뿐만 아니라 서버에서도 렌더링할 수 있기 때문에 이것은 중요합니다.Internal React는 애플리케이션을 구성하는 DOM 노드에 대한 참조 표현을 구축합니다(간소화 버전은 다음과 같습니다). { id: '.1oqi7occu80', node: DivRef, children: [ { id: '.1oqi7occu80.0', node: ..

sourcecode 2023.02.11

React.render()와 ReactDOM.render() 사이에 차이가 있습니까?

React.render()와 ReactDOM.render() 사이에 차이가 있습니까? 기사에서 그들이 사용한 장소 중 몇 군데군데React.render()그리고 몇 군데는ReactDOM.render()이 둘 사이에 특별한 차이가 있나요?이것은 0.14에서 도입된 매우 최근의 변경입니다.React를 코어 라이브러리와 DOM 어댑터로 분할했습니다.렌더링 방법은 다음과 같습니다.ReactDOM.render. https://facebook.github.io/react/blog/2015/10/07/react-v0.14.htmlReact.render는 React 0.14에서 폐지되었습니다.react-native, react-art, react-canvas, react-three 등의 패키지로 React의 아름다움과..

sourcecode 2023.02.11
반응형