React Native에서 moment.js와 같은 자바 스크립트 라이브러리를 어떻게 사용할 수 있습니까?

React Native에서 moment.js와 같은 자바 스크립트 라이브러리를 어떻게 사용할 수 있습니까?

---

React Native에서 네이티브 자바 스크립트 라이브러리를 사용하는 권장 방법은 무엇입니까? 특정 제한이 있습니까?

---

쉬워요! 프로젝트의 루트에서 다음을 실행하십시오.

npm install moment --save

그런 다음 코드에서 가져올 수 있습니다.

import moment from 'moment';
var now = moment().format();

제한은 브라우저에 "접근"하려는 모든 것입니다 (이 컨텍스트에는 존재하지 않음). 이것이 XHR과 같은 것에 대한 polyfill이있는 이유입니다.

공식 문서는 순간 라이브러리를 사용하는 방법에 대한 예제를 가지고

---

순간 메소드 중 일부는 React Native에서 작동하고 다른 메소드는 작동하지 않습니다. 나는 그것이 청취자와 관련이 있다고 생각합니다.

형식화에 순간을 사용할 수 있습니다.

moment(new Date()).format("YYYY-MM-DD hh:mm:ss")

그러나 활성 서식에는 적용되지 않습니다.

moment(new Date()).format("YYYY-MM-DD hh:mm:ss").fromNow()

---

npm 라이브러리를 사용하려면 해당 라이브러리 이름과 함께이 명령을 사용하십시오.

npm install moment --save

예) npm install {여기에 라이브러리 이름} --save

그런 다음 수업에서 가져 와서

import moment from 'moment';

---

현재로서는 일부 npm 모듈이 packager와 호환되지 않는 것처럼 보입니다 . 아직 그 이유를 파헤쳐 본 적은 없지만, 제가하고있는 것은 공급 업체 폴더를 가지고 웹 버전을 복사하는 것이지만 맨 위에는

/** * @providesModule moment */

그리고 하단에서 다음과 같이 변경합니다.

module.exports = moment;

이것이 올바른 방법인지 확실하지 않지만 포장은 여전히 ​​모든 사람에게 새롭습니다.

---

특히 react 또는 react 네이티브에서 moment.js를 사용하려면 https://github.com/headzoo/react-momentreact-moment 에서 moment 라이브러리에 대한 반응 구성 요소 인을 살펴보십시오 .

React Native에서 react-moment를 사용하려면 다음을 실행하세요.

npm install --save moment react-moment

그런 다음 사용하려는 파일에서 순간을 :

import Moment from 'react-moment';

마지막으로 다음과 같이 원하는대로 사용합니다.

<Moment element={Text} fromNow>
    { post.datePublished }
</Moment>

소품 element={Text}은 특히 ​​반응 네이티브를위한 것입니다. 결과 문자열이 Text구성 요소 에서 렌더링되도록합니다 . 이것이 없으면 react native가 오류를 발생시킵니다.

참고 URL : https://stackoverflow.com/questions/29295846/how-can-i-use-javascript-library-such-as-moment-js-in-react-native