React 앱의 로컬 파일에서 모든 종류의 데이터로드

AndroidDev

React 앱의 로컬 파일에서 일부 데이터를로드하려면 jQuery를 사용하고 다음과 같이합니다.

import MyData from '../data/somefile.xyz';

// In my React component:

componentDidMount() {
    $.get(MyData, function (data) {
       // Do something with the loaded data.
    });
}

동일한 작업을 수행하는 더 쉽고 짧은 방법이 있습니까? 참고 : 내가 읽은 데이터는 모든 형식이 될 수 있습니다. 일반적으로로드 된 데이터를 구문 분석하려면 추가 코드가 필요합니다.

니콜라이 키셀 레프

당신은 단순히 어떤 형식으로 데이터를로드 할 수 없습니다 import가져 오는 경우가 아니라면 json또는 node module어떤 곧바로 같은 사용에 사용할 수 있습니다 것입니다 :

import MyData from '../data/somefile.json';

이 경우 MyData추가 요청없이 사용하실 수 있습니다 .

언급했듯이 다양한 파일 형식을로드하고 있습니다. 다음 옵션을 제안 할 수 있습니다.

  1. 가능한 경우 데이터를 JSON 형식으로 변환하십시오.
  2. 웹팩이 파일을 구문 분석 할 수 있도록 데이터 유형에 대한 웹팩 로더를 찾으십시오.
  3. 현재 jQuery / XMLHttpRequest / Fetch API 에서 수행하는 것처럼 요청으로 파일을 가져옵니다.

당신이하는 방식은 완벽하게 괜찮은 것 같습니다. 구성 요소가 렌더링 된 후 데이터가로드되므로 필요한 데이터를 가져와 처리하기 전에 사용자가 무언가를 볼 수 있습니다.

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

React의 JSON 로컬 파일에서 데이터 가져 오기

분류에서Dev

UWP 앱으로 모든 종류의 파일 열기 (파일 연결 없음)

분류에서Dev

내 컴퓨터가 모든 브라우저에서 모든 종류의 파일을 다운로드하지 못하는 이유는 무엇입니까?

분류에서Dev

모든 종류의 비디오 파일을 public_html에 업로드

분류에서Dev

메서드를 앱 부모 내부의 데이터로 사용

분류에서Dev

여러 디렉토리의 모든 WAV 파일을 찾아 서버에서 로컬 컴퓨터로 복사

분류에서Dev

로컬 Neo4j 데이터베이스의 모든 노드에서 단일 필드를 가져 오는 가장 빠른 방법

분류에서Dev

모바일 React Native의 로컬 저장소에 로그 파일 추가

분류에서Dev

어떻게 안드로이드에서 앱을 종료 할 때 createTempFile에 의해 생성 된 모든 임시 파일을 삭제하려면?

분류에서Dev

postgresql 데이터베이스에서 모든 필드로 데이터를 추출하고 django의 일부 새 필드로 새 모델 만들기

분류에서Dev

CI 서버의 모든 종속 프로젝트에 특정 파일 복사

분류에서Dev

Angular js의 한 파일에서 모든 템플릿로드

분류에서Dev

피클 파일에서 사전의 모든 개체로드

분류에서Dev

"모든"종류의 데이터를 저장하기 위해 fstream << 연산자 오버로드

분류에서Dev

모든 앱에 대한 별도의 PHP 오류 로그

분류에서Dev

파일의 모든 줄이 서로 위에 인쇄됩니다.

분류에서Dev

모든 비교 데이터를 메모리에로드하지 않고 두 세트의 XML 데이터 비교

분류에서Dev

Sql Server 2008의 테이블에서 파일로 모든 데이터를 복사하는 방법

분류에서Dev

Qt의 스레드간에 서로 다른 종류의 데이터 교환

분류에서Dev

React.js의 로컬 Json 파일에서 이미지 Url을 얻는 방법

분류에서Dev

Debian에서 로컬 / 다운로드 한 .deb 파일의 메타 데이터를 보는 방법

분류에서Dev

Android 앱에서 여러 번 다운로드 한 다운로드 한 .txt 파일의 데이터 읽기

분류에서Dev

모든 종류의 파일을 바이너리로 읽고 원하는대로 편집하는 방법 (예 : C ++)?

분류에서Dev

특정 폴더에서 모든 R 데이터 파일로드

분류에서Dev

gnuplot의 디렉토리에서 모든 파일 플로팅

분류에서Dev

gvim에서 모든 행을 파일의 왼쪽으로 조정

분류에서Dev

모바일 앱의 FIX 프로토콜에서 데이터 가져 오기

분류에서Dev

Django 앱의 모든 모듈에서 Python 공유 데이터

분류에서Dev

쉘 스크립팅, 1 일 전 데이터로 파일의 모든 레코드 수 인쇄

Related 관련 기사

  1. 1

    React의 JSON 로컬 파일에서 데이터 가져 오기

  2. 2

    UWP 앱으로 모든 종류의 파일 열기 (파일 연결 없음)

  3. 3

    내 컴퓨터가 모든 브라우저에서 모든 종류의 파일을 다운로드하지 못하는 이유는 무엇입니까?

  4. 4

    모든 종류의 비디오 파일을 public_html에 업로드

  5. 5

    메서드를 앱 부모 내부의 데이터로 사용

  6. 6

    여러 디렉토리의 모든 WAV 파일을 찾아 서버에서 로컬 컴퓨터로 복사

  7. 7

    로컬 Neo4j 데이터베이스의 모든 노드에서 단일 필드를 가져 오는 가장 빠른 방법

  8. 8

    모바일 React Native의 로컬 저장소에 로그 파일 추가

  9. 9

    어떻게 안드로이드에서 앱을 종료 할 때 createTempFile에 의해 생성 된 모든 임시 파일을 삭제하려면?

  10. 10

    postgresql 데이터베이스에서 모든 필드로 데이터를 추출하고 django의 일부 새 필드로 새 모델 만들기

  11. 11

    CI 서버의 모든 종속 프로젝트에 특정 파일 복사

  12. 12

    Angular js의 한 파일에서 모든 템플릿로드

  13. 13

    피클 파일에서 사전의 모든 개체로드

  14. 14

    "모든"종류의 데이터를 저장하기 위해 fstream << 연산자 오버로드

  15. 15

    모든 앱에 대한 별도의 PHP 오류 로그

  16. 16

    파일의 모든 줄이 서로 위에 인쇄됩니다.

  17. 17

    모든 비교 데이터를 메모리에로드하지 않고 두 세트의 XML 데이터 비교

  18. 18

    Sql Server 2008의 테이블에서 파일로 모든 데이터를 복사하는 방법

  19. 19

    Qt의 스레드간에 서로 다른 종류의 데이터 교환

  20. 20

    React.js의 로컬 Json 파일에서 이미지 Url을 얻는 방법

  21. 21

    Debian에서 로컬 / 다운로드 한 .deb 파일의 메타 데이터를 보는 방법

  22. 22

    Android 앱에서 여러 번 다운로드 한 다운로드 한 .txt 파일의 데이터 읽기

  23. 23

    모든 종류의 파일을 바이너리로 읽고 원하는대로 편집하는 방법 (예 : C ++)?

  24. 24

    특정 폴더에서 모든 R 데이터 파일로드

  25. 25

    gnuplot의 디렉토리에서 모든 파일 플로팅

  26. 26

    gvim에서 모든 행을 파일의 왼쪽으로 조정

  27. 27

    모바일 앱의 FIX 프로토콜에서 데이터 가져 오기

  28. 28

    Django 앱의 모든 모듈에서 Python 공유 데이터

  29. 29

    쉘 스크립팅, 1 일 전 데이터로 파일의 모든 레코드 수 인쇄

뜨겁다태그

보관