لوحة المتصدرين

عند عمل بعض المشاريع لاحظت تواجد مشاكل و اخطاء عند استعمال استدعاء ال function داخل ال onClick -ماهو ختلاف عند استدعاء ال function داخل arrow functio ؟ مثال: import React from 'react' import { ImCheckmark } from "react-icons/im"; import { ImCancelCircle } from "react-icons/im"; const Todos = ({ todos, deletTodo, changeStatus }) => { return ( <div> { todos.map((todo) => { return ( <div key={todo.id} className='d-f todo-count'> <div className={`${todo.status && 'line-through'}`} onClick={() => changeStatus(todo)}>{todo.name}</div> <button className='delete-btn'> {todo.status ? <ImCheckmark style={{ color: 'yellow', fontSize: "25px" }} /> : <ImCancelCircle onClick={() => deletTodo(todo.id)} style={{ color: 'red', fontSize: "25px" }} />}</button> </div> ) }) } </div> )} export default Todos 1-ماهو ختلاف عند استدعاء ال function داخل onClick بهذه الطريقة ؟ import { React, useState } from 'react' const TodoForm = ({addtodosHandler}) => { const [text, setText] = useState(''); const addTodoTo = (e) => { e.preventDefault() const todo = { id: new Date(), name: text, status : false } addtodosHandler(todo) setText('') } return ( <form onSubmit={addTodoTo}> <input onChange={(e) => setText(e.target.value)} className='input-field' type="text" placeholder='add Todo' value={text}/> <button onClick={addTodoTo} className='btn all-btn'>Add Note</button> </form> ) } export default TodoForm و هل خطا استعمال كود هكذا

السلام عليكم ، انا هذا ال error حاولت ابحث عنه و لم اجد له حل المشكله : عندما احاول ان اقوم بإنشاء Certificates,, Identifiers & Profiles لأنشر التطبيق على ابل ستور تظهر هذه المشكله مع اني اضع ال bundle id الصحيح الموجود في xCode و ايضا قمت بأختيار الحساب الصحيح الذي يتوفر عليه حساب apple DEV>> ما الحل جزاكم الله خيرا المشكله موضحه في الصور

نعم صحيح، في الكود الأول، قمت بتمرير arrow function إلى onClick، وليس function عادية، يعني استدعاء الـ changeStatus داخل onClick سيتم فقط عند النقر على العنصر المحدد، وليس عند تحميل الصفحة.

عند استدعاء الـ function داخل onClick، هناك اختلاف بين استخدام الـ function العادية واستخدام arrow function. فعند استخدام الـ function العادية، تستدعى الـ function مباشرةً عند تحميل الصفحة. مما يعني أن الـ function ستُستدعى وتنفّذ مرة واحدة عند تحميل الصفحة، وليس عند النقر فعليًا على العنصر الذي يحتوي على الـ onClick، وذلك غير مرغوب فيه، لأنه يعني أن الـ function ستنفّذ قبل النقر على الزر أو العنصر المستدعى. أما عند استخدام arrow function، فإنها تُستدعى فعليًا عند النقر على العنصر المحدد. في الكود الأول، تم استخدام arrow function لاستدعاء changeStatus داخل onClick، وبالتالي، سيتم استدعاء الـ function فقط عندما يتم النقر فعليًا على العنصر. وبالنسبة للكود الثاني، فلا يوجد حاجة لاستدعاء addTodoTo في onClick مرتين. يكفي استدعائها مرة واحدة في onSubmit في الـ <form>، حيث ستتم معالجة الحدث عند النقر على زر الإرسال (submit) في النموذج. بخصوص للاستفسار الأخير، onClick={addTodoTo()} هو استدعاء فوري للـ function عند تحميل الصفحة، وليس عند النقر فعليًا على العنصر. ويجب استخدامها بالشكل التالي onClick={addTodoTo} دون استدعاء فوري بواسطة الأقواس ().

Write a python program using while loop and for loop to display first 10 multiples of n

A plant shop has two types of plants: indoor and outdoor. Price of indoor plant is 15 OMR, and price of outdoor plant is 10 OMR. Write a python program that inputs the total number of indoor plants and the total number of outdoor plants available in the shop. Then it will input the total sold number from each type. The program will calculate and display the total price of sold plants and the number of remaining plants from each type.

ممكن تنفذها في البرنامج ؟ او تكتبلي البرمجه