Tìm hiểu Cách xuất dữ liệu JSON từ Ứng dụng gốc React của bạn sang Excel bằng cách sử dụng react-native-fs và xlsx
Yêu cầu
- phản ứng gốc-fs
- xlsx
Mã cuối cùng cho ví dụ này có thể được tìm thấy ở đây
bước- Tạo một dự án gốc phản ứng mới
- Cài đặt phụ thuộc [ Reac-native-fs & xlsx ]
- Thiết lập quyền lưu trữ
- Triển khai chức năng xuất
- Lần chạy & đầu ra cuối cùng
Chạy các lệnh sau
>> npx react-native init SampleReactNative>> cd SampleReactNative
Sau khi chạy các lệnh này, dự án mới được tạo. Bài viết chi tiết về hướng dẫn từng bước để khởi động dự án gốc phản ứng đầu tiên của bạn
React là một thư viện JavaScript để xây dựng giao diện người dùng. React được sử dụng để xây dựng các ứng dụng một trang. React cho phép chúng tôi tạo các thành phần giao diện người dùng có thể tái sử dụng
Chức năng Xuất Excel như thế nào?
Khi xuất dữ liệu sang Excel, trước tiên hãy tạo tệp json, sau đó chuyển đổi tệp json sang định dạng Excel bằng thành phần xuất excel
Để thực hiện điều này, hãy thực hiện các bước sau
1. Tạo dự án Js phản ứng
2. Cài đặt các mô-đun nút cho Excel Export
3. Tạo thành phần xuất Excel
4. Tạo dữ liệu JSON
5. Bao gồm thành phần xuất excel trong Ứng dụng. tập tin js
6. Tải xuống dữ liệu excel
Bước 1. Tạo dự án JS phản ứng
Sử dụng các lệnh sau để tạo dự án JS phản ứng mới
a] ứng dụng npx tạo-phản ứng-ứng dụng của tôi
tạo ứng dụng phản ứng
b] Di chuyển đến vị trí dự án
di chuyển vị trí dự án
c] Để chạy Ứng dụng, hãy đưa ra lệnh như
Giao diện người dùng mặc định cho dự án JS phản ứng
máy chủ cục bộ. 3000
Bước 2. Để cài đặt các mô-đun nút cho Excel Export
Sử dụng các lệnh sau để cài đặt các mô-đun nút
a] npm cài đặt kiểu sheetjs
Bạn cũng có thể tham khảo các lệnh được đề cập trong liên kết dưới đây
kiểu sheetjs
hỗ trợ đặt kiểu ô cho sheetjs. API giống như sheetjs. npm cài đặt kiểu sheetjs Vui lòng đọc SheetJs…
www. npmjs. com
b] npm cài đặt trình tiết kiệm tệp
Bạn cũng có thể tham khảo các lệnh được đề cập trong liên kết dưới đây
trình tiết kiệm tệp
Nếu bạn cần lưu các tệp thực sự lớn lớn hơn giới hạn kích thước của blob hoặc không có đủ RAM, thì hãy có…
www. npmjs. com
Bước 3. Tạo mã linh kiện xuất excel
a] Tạo một “Excel Export. js” trong thư mục “src” Dự án xuất Excel
b] Nhập thư viện trình tiết kiệm tệp
c] Nhập thư viện kiểu sheetjs
a] Tạo hàm ExportExcel
Trong hàm xuất excel này, fileType là kiểu định dạng của tệp xuất và fileExtension là kiểu mở rộng của tệp xuất
Bước 4. Tạo dữ liệu JSON
Bước 5. Bao gồm thành phần xuất excel trong Ứng dụng. tập tin js
bao gồm Thành phần ExcelExport
Trong Thành phần ExportExcel để chuyển giá trị tham số excelData dưới dạng ExcelExportData và tham số fileName dưới dạng Excel Export
Bước 6. Tải xuống dữ liệu excel
Nhấp vào nút xuất excel để xuất dữ liệu json ở định dạng excel
Nhấp vào nút Xuất Excel
Bảng Excel đã xuất cuối cùng
Bảng Excel đã xuất
mã mẫu
xuất sắc. js
xuất sắc. js
Ứng dụng. js
Ứng dụng. js
Bằng cách làm theo các bước trên để đạt được xuất Excel trong phản ứng JS
-bởi Dineshkumar Lakshmanan
Về chúng tôi
Được thành lập vào năm 2016, với mục tiêu trở thành công ty là sự lựa chọn đúng đắn của khách hàng, nhân tài và nhà cung cấp giải pháp. Chúng tôi thiết kế, phát triển và tích hợp các ứng dụng phần mềm để đáp ứng những thách thức của môi trường kinh doanh năng động, phù hợp với nhu cầu của khách hàng. Ngày nay, chúng tôi là một trong những nhà cung cấp dịch vụ phần mềm đang phát triển trong ngành nhằm cung cấp sự phát triển ứng dụng tùy chỉnh và giải pháp kỹ thuật phù hợp. Nhóm của chúng tôi mong muốn thực hiện công việc có chất lượng cho khách hàng của mình trong việc cung cấp các giải pháp và dịch vụ từ đầu đến cuối với giá cả phải chăng