مشکل اجرای atob و btoa در nextJS

مشکل اجرای atob و btoa در nextJS

توابع atob و btoa در جاوااسکریپت به شما امکان کار با base64 را می‌دهند. اگر شما هم مشکل کار و اجرا نشدن درست توابع atob و btoa در فریم‌ورک React JS یا Next JS دارید این نوشته بهترین پیشنهاد برای شماست.

مشکل اجرای atob و btoa در nextJS

برای رفع مشکل اجرای درست توابع atob و btoa در فریم‌ورک React JS یا Next JS ابتدا با دستور زیر کتابخانه‌ی base-64 را نصب کنید:

npm install base-64

بعد از اجرای دستور بالا پکیج منیجر npm برای شما کتابخانه‌ی base-64 را نصب می‌کند و در مرحله‌ی بعد کافیست این کتابخانه را در صفحاتی که می‌خواهید از توابع btoa و atob استفاده کنید قرار دهید و آن‌را import کنید. برای import کردن کتابخانه‌ی base-64 و استفاده از توابع atob و btoa در React js و Next js از کد زیر در ابتدای فایل خود استفاده کنید:

import { decode as atob, encode as btoa } from 'base-64';

بعد از اضافه کردن کد بالا به ابتدای کدهای صفحه‌ی خودتان در component‌های React js و یا Next js از توابع atob و btoa استفاده کنید و این بار بدون مشکل آن‌ها اجرا خواهند شد.

اگر نیاز به ترفندهای دیگری در ارتباط با فریم‌ورک Next js یا React js دارید در بخش نظرات این نوشته آن را برای ما بنویسید.