प्रतिक्रिया ट्यूटोरियल

रिएक्ट होम प्रतिक्रिया परिचय प्रतिक्रिया आरंभ करें प्रतिक्रिया ES6 रिएक्ट रेंडर एचटीएमएल प्रतिक्रिया JSX प्रतिक्रिया घटक प्रतिक्रिया वर्ग प्रतिक्रिया सहारा प्रतिक्रिया घटनाक्रम प्रतिक्रिया सशर्त प्रतिक्रिया सूचियाँ प्रतिक्रिया प्रपत्र प्रतिक्रिया राउटर प्रतिक्रिया ज्ञापन प्रतिक्रिया सीएसएस स्टाइलिंग प्रतिक्रिया सास स्टाइलिंग

प्रतिक्रिया हुक

एक हुक क्या है? राज्य का उपयोग करें उपयोग प्रभाव उपयोग प्रसंग उपयोग रेफरी रेड्यूसर का उपयोग करें कॉलबैक का उपयोग करें मेमो का उपयोग करें कस्टम हुक

प्रतिक्रिया अभ्यास

प्रतिक्रिया प्रश्नोत्तरी प्रतिक्रिया अभ्यास प्रतिक्रिया प्रमाण पत्र

प्रतिक्रिया ES6 स्प्रेड ऑपरेटर


स्प्रेड ऑपरेटर

जावास्क्रिप्ट स्प्रेड ऑपरेटर ( ...) हमें किसी मौजूदा सरणी या ऑब्जेक्ट के सभी या भाग को किसी अन्य सरणी या ऑब्जेक्ट में त्वरित रूप से कॉपी करने की अनुमति देता है।

उदाहरण

const numbersOne = [1, 2, 3];
const numbersTwo = [4, 5, 6];
const numbersCombined = [...numbersOne, ...numbersTwo];

स्प्रेड ऑपरेटर का उपयोग अक्सर विनाशकारी के साथ संयोजन में किया जाता है।

उदाहरण

पहले और दूसरे आइटम numbersको वेरिएबल से असाइन करें और बाकी को एक ऐरे में रखें:

const numbers = [1, 2, 3, 4, 5, 6];

const [one, two, ...rest] = numbers;

हम वस्तुओं के साथ भी स्प्रेड ऑपरेटर का उपयोग कर सकते हैं:

उदाहरण

इन दो वस्तुओं को मिलाएं:

const myVehicle = {
  brand: 'Ford',
  model: 'Mustang',
  color: 'red'
}

const updateMyVehicle = {
  type: 'car',
  year: 2021, 
  color: 'yellow'
}

const myUpdatedVehicle = {...myVehicle, ...updateMyVehicle}

ध्यान दें कि जो गुण मेल नहीं खाते थे, उन्हें जोड़ दिया गया था, लेकिन जो संपत्ति मेल खाती थी color, वह पास की गई अंतिम वस्तु द्वारा अधिलेखित कर दी गई थी updateMyVehicleपरिणामी रंग अब पीला है।


व्यायाम के साथ खुद को परखें

व्यायाम:

निम्नलिखित सरणियों को संयोजित करने के लिए स्प्रेड ऑपरेटर का उपयोग करें।

const arrayOne = ['a', 'b', 'c'];
const arrayTwo = [1, 2, 3];
const arraysCombined = [];