مونا

مونا

  • mona.hagh@
  • تخصص : علاقه مند به برنامه نویسی
  • آخرین فعالیت 10 ماه پیش
تاریخ عضویت 5 سال پیش
مونا
2 سال پیش
توسط حامد غفاری آپدیت شد

اضافه کردن تگ img به react component

سلام دوستان. شبتون بخیر من میخوام تو کامپوننت ری اکت، تگ <img/> اضافه کنم. به این صورت هم تعریف کردم: import image1 from '../public/image/dadeh1.png'; import image2 from '../public/image/ashya1.png'; import image3 from '../public/image/tarhe-kolli1.png'; <img src={image1} alt="" onClick={t...

مونا
3 سال پیش
توسط امین آپدیت شد

نوشتن regex

سلام دوستان شبتون بخیر من میخوام برای کد ملی regex بنویسم ولی نمیدونم چجوری راستش هم نمتونم وقت بگذارم یاد بگیرم چون تحویل پروژم فرداست و هم فکر کنم سخته :))) کسی بلده بتونه کمکم کنه؟

مونا
4 سال پیش
توسط مونا آپدیت شد

آپلود پروژه در netlify

سلام دوستان. وقتتون بخیر من میخوام پروژم رو روی netlify آپلود کنم اما failed میشه. ممنون میشم راهنماییم کنید.

مونا
4 سال پیش
توسط مونا آپدیت شد

اپلود سایت

سلام وقتتون بخیر من سایتم رو روی سرور رایگان gigfa، آپلود کردم اما چیزی تو صفحه اصلی سایت نمایش نمیده. داخل webconfig هم تنظیمات مربوط به صفحه اصلی و اینکه آدرسش کجاست رو انجام دادم plugins: [ new HtmlWebpackPlugin({ template: './index.html', }), new webpack.NamedModulesPlugin(),...

مونا
4 سال پیش
توسط مونا آپدیت شد

کامپونتت carousel در react

سلام دوستان، وقتتون بخیر من از react-carousel برای اسلایدشو استفاده کردم و کدی که خود bootstrap گذاشته رو کپی کردم تو کامپوننتم : import Carousel from 'react-bootstrap/Carousel' function ControlledCarousel() { const [index, setIndex] = useState(0); const handleSelect = (selectedIndex, e) =>...

مونا
4 سال پیش
توسط سهیل حیدری آپدیت شد

تعریف className در styled-component

با سلام وقتتون بخیر دوستان. من میخوام از css-in-js استفاده کنم. برای Div، یک کلاس نیم تعریف کردم اما استایلش رو داخل styled-component نمیشناسه. ممنون میشم راهنمایی کنید. چجوری داخل styled-component به classname ام استایل بدم. سپاس export default function Profile(props) { return ( <Di...

مونا
4 سال پیش
توسط Mohammad Amin آپدیت شد

خطا در اجرای برنامه react

سلام دوستان، وقتتون بخیر من یه پروژه react ای با boilerplate, webpack , babel ایجاد کردم. زمانی که پروژه رو اجرا میکنم این خطا رو میده: در صورتی که آنچه در index.js, index.html گذاشتم صحیحه و در تنظیمات webpack هم index.html رو معرفی کردم.

مونا
4 سال پیش
توسط حسام موسوی آپدیت شد

تست با jest

سلام من یه فایل تست درست کردم و دستور npm install --save-dev jest رو هم اجرا کردم و در package.json هم تنظیم "scripts": { "test": "jest" } } رو انجام دادم. وقتی npm run test رو اجرا میکنم خطای زیر رو نمایش میده: 'jest' is not recognized as an internal or external command, operable program or...

مونا
5 سال پیش
توسط کامران داور آپدیت شد

گرفتن دیتا از calendar

سلام دوستان وقتتون بخیر من روی کامپوننت calendar ، یک onchange تعریف کردم ولی وقتی یک روز رو از داخل calendar انتخاب میکنم هیچ دیتایی به من نمیده. در واقع من خواستم وقتی روزی انتخاب شد setstate انجام بشه و داخل date بریزه. کدم هم به این شکله: import React, { Component } from "react"; import ListItem...

مونا
5 سال پیش
توسط امیر اردکانی آپدیت شد

ساخت پادکست

سلام دوستان این سوال ارتباطی به مباحث برنامه نویسی نداره به خاطر همین تو بخش متفرقه قرار دادم. راستش من میخوام یه پادکستی درست کنم و مثل لینک زیر، همزمان با بالا و پایین رفتن صدا طول امواج اطراف تصویر هم کم و زیاد بشه. درست مثل چیزی که تو لینک اطراف تصویر اتفاق میفته. اطلاع دارید از چه نرم افزاری بر...

مونا
5 سال پیش
توسط مونا مطرح شد

نوشتن یک event درون کامپوننت TimeSlotGroup در calendar

سلام دوستان وقتتون بخیر من میخوام داخل کامپوننت TimeSlotGroup یک event پیاده سازی کنم. مشکل من اینه که دارم از یک پکیج استفاده میکنم و این کامپوننت داخل پکیج نیست که خیلی راحت بهش event اضافه کنم. با استفاده از devtools react فهمیدم که هر خانه ای که از جدول calendar انتخاب میکنم در واقع همین کامپون...

مونا
5 سال پیش
توسط مونا آپدیت شد

تقویم در reactjs

سلام روزتون بخیر دوستان من این قطعه کد رو استفاده کردم و خطای زیر رو میده: this.currentArea = -1; schedulerData._setDocumentWidth(document.documentElement.clientWidth); this.state = { visible: false, dndContext: dndContext, contentHeight: schedule...

مونا
5 سال پیش
توسط حسام موسوی آپدیت شد

طراحی time table مانند calender

سلام دوستان وقتتون بخیر شما پلاگینی میشناسید برای ایجاد timetable مثل timetable calender که افراد وقتی روزی از ماه رو انتخاب میکنند 24 ساعت اون روز رو بیاره و بتونند قرارهاشون رو هر ساعتی که خواستند ست کنند؟

مونا
5 سال پیش
توسط میلاد-م آپدیت شد

نوشتن unit test

سلام دوستان وقتتون بخیر برای نوشتن unit test در react,javascript کدوم نرم افزار به نظرتون بهتره؟ مقاله خوب برای آموزش هم اگه سراغ دارید ممنون میشم آدرس لینکش رو بدید. خیلی خیلی ممنون

مونا
5 سال پیش
توسط مونا آپدیت شد

تغییرات state در react

سلام دوستان وقتتون بخیر زمانی که با ری اکت appای نوشتیم که داخلش تعداد زیادی کامپوننت هست و به صورت چند سطحی هست یعنی parent داریم بعد چندین child . هر childای خودش چندتا دیگه child داره و به همین شکل. اگر من بخوام تغییرات state که در سطح اول اتفاق افتاده رو به child دو سطح پایین تر برسونم غیر از رو...

مونا
5 سال پیش
توسط مونا آپدیت شد

نمایش دیتای api در رندر

سلام دوستان وقتتون بخیر من کدی با ری اکت نوشتم که با axios دیتای api رو call میکنم ولی در رندر وقتی روی آرایه ای که بدست آوردم map میذارم دیتاها رو بهم نشون نمیده فکر میکنم دلیلش این باشه که در componentdidmount، دیتا رو call میکنم و چون ممکنه callback اش طول بکشه در رندر نمایش نمیده. شما راه حلی بر...

مونا
5 سال پیش
توسط مونا آپدیت شد

استفاده از include در شرط

سلام دوستان وقتتون بخیر من تو یک نمونه پیاده سازی calculator با react به یه همچین شرطی برخوردم: if(this.state.result.includes('--')) میدونید این عبارت ('--') include به چه معنی هست؟

مونا
5 سال پیش
توسط مونا آپدیت شد

غیر فعال کرد رایت کلیک

سلام وقتتون بخیر دوستان من میخوام زمانی که rightclick میکنم، منوی رایت کلیک ویندوز اجرا نشه و فانکشنی که خودم مینویسم اجرا بشه. چیزی که نوشتم باعث میشه رایت کلیک ویندوز غیر فعال بشه ولی فانکشن من هم اجرا نمیشه. کسی راه حلی برای این مورد داره؟ window.oncontextmenu = function () { return false;...

مونا
5 سال پیش
توسط میلاد-م آپدیت شد

دسترسی به دیتای array object

سلام دوستان. سوال خیلی مبتدی داشتم. چگونه به دیتای آرایه ای که داخلش آبجکت تعریف شده دسترسی پیدا کنم؟ مثلا میخوام به مقدارهای key1 دسترسی داشته باشم. تو زبان javascript array=\[{"key1":data,"key2":data},{"key1":data,"key2":data}, {"key1":data,"key2":data},{"key1":data,"key2":data}\]