স্থানীয় জেএসওএন ফাইল থেকে নেটিভ বিক্রিয়া নেবে কীভাবে?


103

আমি কীভাবে স্থানীয় ফাইলগুলি যেমন জেএসএন সংরক্ষণ করতে পারি এবং তারপরে নিয়ামক থেকে ডেটা আনতে পারি?

উত্তর:


145

নেটিভ 0.4.3 প্রতিক্রিয়া হিসাবে আপনি আপনার স্থানীয় JSON ফাইলটি এটি পড়তে পারেন:

const customData = require('./customData.json');

এবং তারপরে সাধারণ জেএস বস্তুর মতো কাস্টমডাটা অ্যাক্সেস করুন।


এই সিনট্যাক্স এখনও সমর্থিত? কারণ আমি এই কোডটি আমার কোডটিতে ব্যবহার করতে পারি না।
সোহেল মহব্বত আলী

1
আইওএসের জন্য রিটিক নেটিভ 0.26.2 এর সাথে কাজ করার জন্য মনে হচ্ছে। আপনি চেক করতে চান react-native -vএবং পড়তে চেষ্টা করতে পারেন package.json
পিটার

customData শুধুমাত্র ফাইল customData.json, অন্য কোন উপায় প্রথম 3500 চরিত্র সংরক্ষণ বড় ফাইল @peter লোড করতে
Akki

@ আক্কি এটিকে একাধিক ছোট ফাইলগুলিতে ভাগ করবেন?
সাইমন ফারসবার্গ

এটি নিখুঁতভাবে কাজ করে - প্রশ্ন: আমি কেন পরিবর্তে সিন্ট্যাক্স আমদানি করতে পারি না?
দোড_বাসিম

111

ES6 / ES2015 সংস্করণ:

import customData from './customData.json';

এটির কোনও নাম থাকতে পারে বা এটি হতে হবেcustomData
ফার্মকমন্ড 2

2
@ ফার্ম কম্যান্ড 2 এটি কোনও নাম হতে পারে। import myJsonFile from './foobar.json';
পলমেষ্ট

1
আমি কেবল রিএ্যাক্ট নেটিভ 0.57 দিয়ে চেষ্টা করেছি এবং দেখে মনে হচ্ছে যে .জসন এক্সটেনশনটি প্রয়োজনীয় নয়।
ম্যানুয়েল

1
@ মানুয়েলজাপাতা এটি সঠিক। যদি আপনি প্রত্যয়টি বাদ দেন তবে মডিউল রেজোলভার বিভিন্ন এক্সটেনশনের চেষ্টা করবে যতক্ষণ না এটি কাজ করে। এখানে আরও তথ্য: nodejs.org/api/modules.html#modules_
সমস্ত_

17

ES6 / ES2015 এর জন্য আপনি সরাসরি এই জাতীয় আমদানি করতে পারেন:

// example.json
{
    "name": "testing"
}


// ES6/ES2015
// app.js
import * as data from './example.json';
const word = data.name;
console.log(word); // output 'testing'

আপনি যদি টাইপস্ক্রিপ্ট ব্যবহার করেন তবে আপনি জসন মডিউলটিকে এর মতো ঘোষণা করতে পারেন:

// tying.d.ts
declare module "*.json" {
    const value: any;
    export default value;
}



1

এই গিথুব ইস্যুটি একবার দেখুন:

https://github.com/facebook/react-native/issues/231

তারা requireবিশেষত জেএসএন- তে নন-জেএসএন ফাইল চেষ্টা করছে । এই মুহূর্তে এটি করার কোনও পদ্ধতি নেই, সুতরাং আপনাকে হয় কোঙ্কোস হিসাবে উল্লিখিত হিসাবে AsyncStorage ব্যবহার করতে হবে, বা আপনার যা করা দরকার তা করতে আপনি একটি ছোট নেটিভ মডিউল লিখতে পারেন।

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.