Làm cách nào để sử dụng thư viện javascript như moment.js trong phản ứng gốc

Question

Cách được khuyến nghị để sử dụng thư viện javascript gốc trong phản ứng gốc là gì? Có bất kỳ hạn chế cụ thể nào không?

Answer 1

Dễ dàng peasy! Từ thư mục gốc của dự án của bạn chỉ cần chạy:

npm install moment --save 

Sau đó, bạn có thể nhập nó trong mã của bạn:

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

Các hạn chế sẽ là bất cứ điều gì mà cố gắng để "tiếp cận" cho trình duyệt (trong đó doesn không tồn tại trong ngữ cảnh này). Đó là lý do tại sao có polyfills cho những thứ như XHR.

Các official documentation có ví dụ về cách sử dụng thư viện thời điểm

Answer 2

Dường như là ngay bây giờ, một số npm modules are not compatible with the packager. Chưa thực sự đào vào lý do tại sao, nhưng những gì tôi đã phải dùng đến làm là có một thư mục nhà cung cấp và sao chép so với phiên bản web, nhưng ở phía trên đặc biệt đặt

/** * @providesModule moment */

Và ở phía dưới thay đổi nó lên đến:

module.exports = moment;

Không chắc nếu điều này là cách chính xác, nhưng bao bì vẫn còn khá mới đối với mọi người.

Answer 3

Một số phương pháp thời gian hoạt động trong React Native và các phương pháp khác không hoạt động. Tôi nghi ngờ nó phải làm với người nghe.

tôi có thể sử dụng thời gian để định dạng:

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

Nhưng không phải để định dạng hoạt động:

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

Answer 4

sử dụng một thư viện NPM chỉ cần sử dụng lệnh này với tên thư viện tương ứng

npm install moment --save 

ví dụ:. Npm install {tên thư viện của bạn tại đây} --save

sau đó chỉ cần nhập trong lớp học của bạn và sử dụng

import moment from 'moment';