ReactJS 16

Gatsby JS, Restful API에서 데이터 가져오기

Gatsby JS, Restful API에서 데이터 가져오기 나는 리액트와 개츠비 JS 둘 다 처음이야.서드파티제 Restful API에서 데이터를 쉽게 로드할 수 없어 혼란스럽습니다. 예를 들어 randomuser.me/API에서 데이터를 가져와 페이지 단위로 데이터를 사용할 수 있도록 하고 싶습니다. 예를 들어 다음과 같습니다. import React from 'react' import Link from 'gatsby-link' class User extends React.Component { constructor(){ super(); this.state = { pictures:[], }; } componentDidMount(){ fetch('https://randomuser.me/api/?resul..

programing 2023.02.28

체크박스 이벤트핸들러의 'MouseEvent'가 범용이 아닌 이유는 무엇입니까?

체크박스 이벤트핸들러의 'MouseEvent'가 범용이 아닌 이유는 무엇입니까? TSX(JSX) 요소 확인란이 있습니다. VS 코드의 도움을 받아 입력 파라미터 유형이this.handleCheckboxClick이MouseEvent그래서 다음과 같이 구현했습니다. private handleCheckboxClick(event: MouseEvent) { ... } 그러면 다음과 같은 오류가 발생합니다.[ts] Type 'MouseEvent' is not generic.아래 그림과 같이: 패키지 버전: "@types/react": "^15.0.29", "@types/react-dom": "^15.5.0", "react": "^15.6.1", "react-dom": "^15.6.1", "typescript": "..

programing 2023.02.28

API를 비동기/Awit에서 'POST'로 가져오는 올바른 방법

API를 비동기/Awit에서 'POST'로 가져오는 올바른 방법 API에 요청을 해야 하는 프로젝트를 진행하고 있습니다.를 작성하기 위한 적절한 형식은 무엇입니까?POSTAsync/Awit에서 요청하시겠습니까? 예를 들어, 모든 디바이스의 목록을 가져오기 위한 페치입니다.이 요청을 어떻게 변경해야 합니까?POST새로운 디바이스를 만들 수 있습니까?데이터 본문을 가진 헤더를 추가해야 한다는 것을 알았습니다. getDevices = async () => { const location = window.location.hostname; const response = await fetch( `http://${location}:9000/api/sensors/` ); const data = await response..

programing 2023.02.28

오류: 모듈 '@react-native-community/toolbar-android'를 확인할 수 없습니다.

오류: 모듈 '@react-native-community/toolbar-android'를 확인할 수 없습니다. 이상하게도react-native-vector-icons정상적으로 동작하고 있었지만,^('^6.6.0') 버전에서는package.json이 에러가 발생합니다. 이상하게도 이틀 전만 해도 잘 작동했는데 이제 프로젝트 시작 시 다음과 같은 오류가 발생했습니다. 오류: 오류:모듈을 확인할 수 없습니다.@react-native-community/toolbar-android부터node_modules\react-native-vector-icons\lib\toolbar-android.js: 프로젝트 내에서 @syslog-syslog-syslog/syslog-syslog를 찾을 수 없습니다. 이 문제를 읽고 많..

programing 2023.02.28

소품을 유지하면서 React 및 TypeScript HTML 요소 확장

소품을 유지하면서 React 및 TypeScript HTML 요소 확장 난 이걸 이해할 수가 없어. 아마 6번 정도 시도했고 항상 의지했어.anyHTML 요소로 시작하여 컴포넌트로 랩하고 HTML 소품이 모든 것을 통과하도록 다른 컴포넌트로 랩하는 합법적인 방법이 있습니까?HTML 요소를 기본적으로 맞춤화하시겠습니까?예를 들어 다음과 같습니다. interface MyButtonProps extends React.HTMLProps {} class MyButton extends React.Component { render() { return ; } } interface MyAwesomeButtonProps extends MyButtonProps {} class MyAwesomeButton extends Re..

programing 2023.02.28

리액트 네이티브 모듈 테스트 방법

리액트 네이티브 모듈 테스트 방법 리액트 네이티브 모듈(SDK 랩핑)을 개발했는데, mocha를 사용한 유닛 테스트 작성에 관심이 있습니다.모카는 잘 모르는데 어떻게 해야 할지 모르겠어요. 리액트 네이티브 모듈이 있습니다.react-native-mymodule다음 작업을 통해 앱에서 사용할 수단은 다음과 같습니다. npm install react-native-mymodule react-native link react-native-mymodule 다음으로 모듈을 Import할 수 있습니다. import MySDK from "react-native-mymodule”; 유닛 테스트에서도 비슷한 것을 하려고 합니다.루트 디렉토리에는test/모든 유닛 테스트를 수행할 디렉토리입니다. 의 간단한 테스트 파일test..

programing 2023.02.23