اذهب إلى المحتوى
  • 0

استفسار في عمليه تحديث الشاشه في React Native

Ahmed Kawbal

السؤال

لدي ثلاث مصفوفات number يتم ادخال القيم اليهن من المستخدم من شاشه الادخال ومكون يقوم بعمليه جميع القيم الذي في الثلاث المصفوفات  ومن ثم يتم عرض القيم و المجموع في الشاشه الرئيسيه .....

  ولاكن المشكله في انه لايتم عرض القيم والمجموع تلقائيا عند الرجوع الى الشاشه الرئيسيه او الدخول اليها وانما يجب عليا ان اعمل تحديث من الاكواد للشاشه الرئيسيه بعدها يتم عرض القيم  ...

  اريد ان يتم تحديث المكونات الخاصه بعرض القيم والمجموع تلقائيا فور الرجوع الى الشاشه الرئيسيه او بعد اتمام عمليه ادخال القيم   ... 

   في React Native

رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 0

للتحقق من القيم وعرضها في الشاشة الرئيسية بعد اتمام العملية، يمكنك استخدام الخاصية useEffect في رياكت نايتيف.

هذا هو الكود للتحقق من القيم وعرضها في الشاشة الرئيسية تلقائيا:

import React, { useState, useEffect } from 'react';

function App() {
const [array1, setArray1] = useState([]);
const [array2, setArray2] = useState([]);
const [array3, setArray3] = useState([]);

const handleInput1 = (event) => {
setArray1(event.target.value);
}

const handleInput2 = (event) => {
setArray2(event.target.value);
}

const handleInput3 = (event) => {
setArray3(event.target.value);
}

const handleSubmit = () => {
// عملية جمع القيم من الثلاث مصفوفات
}

useEffect(() => {
// عملية التحقق من القيم وعرضها في الشاشة الرئيسية
}, [array1, array2, array3]);

return (
<div>
<input type="text" onChange={handleInput1} />
<input type="text" onChange={handleInput2} />
<input type="text" onChange={handleInput3} />
<button onClick={handleSubmit}>أجمع القيم</button>
</div>
);
}

export default App;

 

ولمزيد من المعلومات حول الخاصية useEffect  تلقاها في الرابط التي

https://reactjs.org/docs/hooks-effect.html

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...