प्रश्न 1. यदि आप सिर्फ रिएक्ट पुस्तकालय से कम्पोनेंट को आयात करना चाहते हैं, तो आप कौनसा सिंटैक्स उपयोग करेंगे?

• import React.Component from 'react'
• import [ Component ] from 'react'
• import Component from 'react'
• import { Component } from 'react'

प्रश्न 2. यदि एक फ़ंक्शन कंपोनेंट हमेशा समान प्रोप्स के साथ समान रूप से प्रदर्शित होना चाहिए, तो इसके लिए एक सरल परफ़ॉर्मेंस अनुकूलन क्या हो सकता है?

• इसे React.memo हायर-आर्डर कंपोनेंट में लपेटें।
• useReducer हुक को लागू करें।
• useMemo हुक को लागू करें।
• shouldComponentUpdate लाइफसाइकल मेथड को लागू करें।

प्रश्न 3. इस कोड को चलाने से होने वाले सिंटैक्स त्रुटि को आप कैसे ठीक करेंगे?

const person =(firstName, lastName) =>
{
  first: firstName,
  last: lastName
}
console.log(person("Jill", "Wilson"))

• ऑब्जेक्ट को ब्रैकेट में लपेटें।
• दूसरे फ़ाइल से फ़ंक्शन को कॉल करें।
• पहले कर्वी ब्रेस के बाद एक रिटर्न स्टेटमेंट जोड़ें।
• ऑब्जेक्ट को एक ऐरे से बदलें।

प्रश्न 4. यदि आप एक फ़ाइल में निम्नलिखित आयात देखते हैं, तो कंपोनेंट में राज्य प्रबंधन के लिए क्या उपयोग किया जा रहा है?

import React, {useState} from 'react';

• रिएक्ट हुक्स
• स्टेटफुल कंपोनेंट्स
• गणित
• क्लास कंपोनेंट्स

प्रश्न 5. ऑब्जेक्ट लिटरल एन्हैंसमेंट का उपयोग करके, आप एक ऑब्जेक्ट में मान वापस डाल सकते हैं। कंसोल पर person को लॉग करने पर आउटपुट क्या होगा?

const name = 'Rachel';
const age = 31;
const person = { name, age };
console.log(person);

• {{name: "Rachel", age: 31}}
• {name: "Rachel", age: 31}
• {person: "Rachel", person: 31}}
• {person: {name: "Rachel", age: 31}}

प्रश्न 6. रिएक्ट के साथ सबसे अधिक जुड़ा हुआ परीक्षण पुस्तिका क्या है?

• मोका
• चाई
• सिनोन
• जेस्ट

संदर्भ

प्रश्न 7. अरे डिस्ट्रक्चरिंग का उपयोग करके एरे से पहले आइटम ("cooking") को प्राप्त करने के लिए, इस लाइन को कैसे समायोजित करें?

const topics = ['cooking', 'art', 'history'];

• const first = ["cooking", "art", "history"]
• const [] = ["cooking", "art", "history"]
• const [, first]["cooking", "art", "history"]
• const [first] = ["cooking", "art", "history"]

प्रश्न 8. हर स्तर पर मैन्युअल रूप से प्रोप्स को न भ

ेजते हुए कॉम्पोनेंट ट्री के माध्यम से प्रायोजित कैसे किया जाता है?

• रिएक्ट भेजें
• रिएक्ट पिनपॉइंट
• रिएक्ट राउटर
• रिएक्ट संदर्भ

संदर्भ

प्रश्न 9. जब निम्नलिखित कोड को चलाया जाता है, तो कॉन्सोल पर क्या पढ़ा जाता है?

const [, , animal] = ['Horse', 'Mouse', 'Cat'];
console.log(animal);

• हॉर्स
• कैट
• माउस
• अनिर्दिष्ट

प्रश्न 10. JSX को लेकर createElement कॉल्स में परिवर्तित करने के लिए किस उपकरण का उपयोग किया जाता है?

• JSX संपादक
• ReactDOM
• ब्राउज़र बड़ी
• बेबेल

प्रश्न 11. रिएक्ट कंपोनेंट में useState के बजाय useReducer का उपयोग क्यों किया जा सकता है?

• जब आप रीडक्स को बदलना चाहते हैं
• जब आप एक एप्लिकेशन में अधिक जटिल स्थिति को प्रबंधित करने की आवश्यकता हो
• जब आप प्रदर्शन में सुधार करना चाहते हैं
• जब आप अपनी उत्पादन ऐप तोड़ना चाहते हैं

प्रश्न 12. निम्नलिखित सिंटैक्स के साथ कंपोनेंट के लिए प्रॉप्स ऑब्जेक्ट से कौन से प्रॉप्स उपलब्ध हैं?

<Message {...props} />

• जो किसी भी नहीं बदले हैं
• सभी
• बच्चा प्रॉप्स
• जो किसी भी बदले हैं

प्रश्न 13. निम्नलिखित React Router से कोड को ध्यान से देखें। पथ प्रॉप में :id को आप क्या कहेंगे?

<Route path="/:id" />

• यह एक रूट मॉडल है
• यह एक रूट पैरामीटर है
• यह एक रूट स्प्लिटर है
• यह एक रूट लिंक है

प्रश्न 14. यदि आपने एक कंपोनेंट बनाया है और इसे DOM पर रेंडर किया गया है, तो किस प्रकार का तत्व रेंडर होगा?

function Dish() {
  return <h1>Mac and Cheese</h1>;
}

ReactDOM.render(<Dish />, document.getElementById('root'));

• डिव
• सेक्शन
• कंपोनेंट
• एच 1

प्रश्न 15. निम्नलिखित कोड को देखते हुए इस रिएक्ट तत्व की आउटपुट कैसे दिखाई देगी? (वैकल्पिक: निम्नलिखित कोड को देखते हुए, इस रिएक्ट तत्व की आउटपुट कैसे दिखाई देगी?)

React.createElement('h1', null, "What's happening?");

• <h1 props={null}>What's happening?</h1>
• <h1>What's happening?</h1>
• <h1 id="component">What's happening?</h1>
• <h1 id="element">What's happening?</h1>

[संदर्भ](https://www.geeksforgeeks.org/what

-is-the-use-of-react-createelement/)

प्रश्न 16. सस्पेंस कंपोनेंट को स्पिनर या लोडिंग स्थिति प्रदर्शित करने के लिए आपको सस्पेंस कंपोनेंट में कौन सी गुणवत्ता जोड़नी चाहिए?

function MyComponent() {
  return (
    <Suspense>
      <div>
        <Message />
      </div>
    </Suspense>
  );
}

• लेजी
• लोडिंग
• फॉलबैक
• स्पिनर

संदर्भ

प्रश्न 17. निम्नलिखित कुदाली में बांधे गए संदेश में किसे कैर्ली ब्रेस में लपेटे गए मैसेज वेरिएबल को कैसे वर्णित किया जाएगा?

const message = 'Hi there';
const element = <p>{message}</p>;

• एक जेएस फ़ंक्शन
• एक जेएस तत्व
• एक जेएस एक्सप्रेशन
• एक जेएसएक्स रैपर

प्रश्न 18. कोड स्प्लिटिंग करने के लिए आप क्या उपयोग कर सकते हैं?

• रिएक्ट.memo
• रिएक्ट.स्प्लिट
• रिएक्ट.लेजी
• रिएक्ट.फॉलबैक

प्रश्न 19. आप useLayoutEffect का उपयोग कब करेंगे?

• सभी डिवाइस के लिए अनुकूलित करने के लिए
• अपडेट को पूरा करने के लिए
• स्क्रीन का लेआउट बदलने के लिए
• जब आपको ब्राउज़र को पेंट करने से पहले एफ़ेक्ट चलाना हो

स्रोत "useLayoutEffect is a version of useEffect that fires before the browser repaints the screen."

प्रश्न 20. निम्नलिखित दो बटनों के क्लिक व्यवहार के बीच अंतर क्या है (मानते हुए कि this.handleClick को सही ढंग से बांधा गया है)?

A. <button onClick={this.handleClick}>Click Me</button>
B. <button onClick={event => this.handleClick(event)}>Click Me</button>

• बटन A क्लिक पर इवेंट ऑब्जेक्ट का उपयोग नहीं करेगा।
• बटन B उपयोगकर्ता का हैंडलर this.handleClick को सफलतापूर्वक नहीं फायर करेगा।
• बटन A उपयोगकर्ता का हैंडलर this.handleClick को सफलतापूर्वक नहीं फायर करेगा।
• कोई अंतर नहीं है।