$mol-এ রিমোট ডেটা লোড করা কোনো বিশেষ API নয়——একটি অ্যাসিঙ্ক মান শুধু একটি রিয়্যাক্টিভ প্রপার্টি, যা এমনভাবে লেখা যেন রেসপন্স আগে থেকেই হাজির। ভিউ এটির জন্য অপেক্ষা করে, একটি লোডিং স্টেট দেখায়, এবং ডেটা এসে গেলে পুনরায় রেন্ডার করে।
একটি @ $mol_mem-এর ভেতরে নেটওয়ার্ক ডাকুন আর পার্স করা ফলটি রিটার্ন করুন। কোডে কোনো promise নেই, await নেই, কলব্যাকও নেই:1namespace $.$${2export class $my_usersextends$.$my_users{3@ $mol_mem4users(){5return this.$.$mol_fetch.json('https://api.example.com/users')as{6id:number7name:string8}[]9}10}11}$mol_fetch রেসপন্স না আসা পর্যন্ত ফাইবার সাসপেন্ড করে, তারপর গণনাটি আবার শুরু হয় আর users() অ্যারেটি রিটার্ন করে। যতক্ষণ এটি পেন্ডিং, users() পড়ে এমন যেকোনো ভিউ স্বয়ংক্রিয়ভাবে বিল্ট-ইন লোডিং স্টেট দেখায়——আপনি কোনো isLoading ফ্ল্যাগ লেখেন না। নিজে কোনো @ $mol_mem থেকে promise রিটার্ন করবেন না: মান হিসেবে রাখা promise সেলটিকে চিরকাল লোডিং স্টেটে আটকে রাখে, সমস্যা সমাধান দেখুন।this.$ হলো কম্পোনেন্টের কনটেক্সট। প্রতিটি সার্ভিস এর মধ্য দিয়েই আসে: নেটওয়ার্কের জন্য $mol_fetch, URL-এর জন্য $mol_state_arg, সময়ের জন্য $mol_after_timeout। টেস্টে কনটেক্সটটি বদলে দেওয়া হয়, তাই ওই একই users() কম্পোনেন্টের একটি লাইনও না বদলে নেটওয়ার্কের বদলে একটি মকের কাছে রিকোয়েস্ট পাঠায়। সেই মকটি দেখায় টেস্টিং।
রিজলভ হওয়া ডেটা সরাসরি একটি লিস্টে বাঁধুন:1@ $mol_mem2user_names(){3return this.users().map(user=>user.name)4}রেসপন্স এসে গেলে users() আপডেট হয়, user_names() পুনরায় গণনা হয়, আর লিস্ট রেন্ডার হয়। কোনো কলব্যাক নেই, কোনো useEffect নেই।
যেহেতু এটি শুধু একটি রিয়্যাক্টিভ সেল, আপনি এটিকে অকার্যকর করে পুনরায় ফেচ করেন। এমন একটি টোকেনের ওপর নির্ভর করুন যা আপনি বাড়াতে পারেন:1@ $mol_mem2reload_token(next?:number){3return next??04}56@ $mol_mem7users(){8this.reload_token()// subscribe9return this.$.$mol_fetch.json('https://api.example.com/users')asunknown[]10}1112@ $mol_action13reload(){14this.reload_token(this.reload_token()+1)15}GitHub-এ এই পৃষ্ঠা সম্পাদনা করুনএটি কি সহায়ক ছিল?হ্যাঁনাপূর্ববর্তীসমস্যা সমাধানপরবর্তীডেটা স্কিমাএই পৃষ্ঠায়একটি অ্যাসিঙ্ক প্রপার্টিফলাফল রেন্ডার করাপুনরায় লোড করাত্রুটিপরবর্তীType to search the documentation.
