مشکل اجرای 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 دارید در بخش نظرات این نوشته آن را برای ما بنویسید.

موفق باشید.