تصاحب گربه ها: چگونه می توان با React و Cat API یک تولید کننده تصویر تصادفی گربه ایجاد کرد

عکس پروفایل نویسنده

@هاردوارونThe_Hardwaron

آنتوی فنی | یوتیوب | بلاگر | کنجکاو

راهنمای ساده ای برای پر کردن زندگی خود با (بیشتر) گربه های اینترنتی با ساخت مولد تصویری گربه تصادفی با React و Cat API. اگر قالب ویدیو را ترجیح می دهید ، من قبلاً یک ویدیو در YT ساخته ام:

https://www.youtube.com/watch؟v=ubGJv5NqYb0

پیش نیازها:

Node.js نصب شده در سیستم شما (PC)

کد VS (یا هر ویرایشگر کد دیگر) نصب شده است

درست کردن پایه 🚩:

1. CMD را باز کنید (اگر در Linux یا Mac کار می کنید ترمینال)

2. دستور زیر را تایپ کنید و براکت های زاویه را با محتوای آن به نامی که می خواهید به سایت خود بگذارید جایگزین کنید

npx ایجاد-واکنش-برنامه

3. پس از مراحل نصب نوع:

سی دی

کد

اگر [code . ] دستور کار نمی کند ، سپس با استفاده از ویرایشگر کد دلخواه خود ، پوشه برنامه واکنش خود را به صورت دستی باز کنید

کار با کد 👩‍💻:

1. به پرونده App.js بروید

2. همه موارد موجود در div را با className = “App” حذف کنید

3. داخل پوشه src دو فایل (کامپوننت) جدید ایجاد کنید و نام آنها را “Header.js” و “Cat.js” بگذارید

4. در پرونده Header.js کد زیر را اضافه کنید

این قسمت غیر مهم برنامه است که ما فقط برخی موارد اساسی را در اینجا تعریف می کنیم

5. در پرونده Cat.js کد زیر را اضافه کنید

توضیح:

در اینجا ، ما یک متغیر حالت به نام ایجاد می کنیم آدرس اینترنتی و آن را روی یک رشته خالی تنظیم کنید. سپس ما یک …