JSX में संक्षिप्त शर्तों के लिए इनवर्शन

विपरीत स्थिति भी हो सकती है: पाठ सम्मिलित करने की आवश्यकता है, यदि शर्त गलत है, और कुछ नहीं करना है, यदि सही है। इसके लिए आवश्यक है ऑपरेटर ! का उपयोग करके स्थिरांक का इनवर्शन करें।

निम्नलिखित उदाहरण में, यदि hide में false होगा, तो पाठ के साथ एक पैराग्राफ सम्मिलित होगा:

jsxfunction App() {
  const hide = false;
  
  return <div>
    {!hide && <p>text</p>}
  </div>;
}

jsxfunction App() {
  const isAuth = false;
  
  return <div>
    <p>कृपया, ऑथेंटिकेट करें</p>
  </div>;
}