मोडल हुक्स

मोडल हुक्स

हुक्स के माध्यम से कार्यक्रमनिर्धारित रूप से मोडल्स खोलें

निम्नलिखित हुक्स प्रदान किए गए हैं ताकि आपके एप्लिकेशन में कहीं भी कार्यक्रमनिर्धारित रूप से मोडल्स खोले जा सकें।

• useConnectModal
• useAccountModal
• useChainModal

इनमें से प्रत्येक हुक्स अपने संबंधित मोडल को खोलने के लिए एक फ़ंक्शन के साथ एक ऑब्जेक्ट लौटाता है। ध्यान दें कि लौटाए गए फ़ंक्शंस अपरिभाषित होंगे यदि आपका एप्लिकेशन मोडल को खोलने के लिए आवश्यक स्थिति में नहीं है।

import {
  useConnectModal,
  useAccountModal,
  useChainModal,
} from '@rainbow-me/rainbowkit';

export const YourApp = () => {
  const { openConnectModal } = useConnectModal();
  const { openAccountModal } = useAccountModal();
  const { openChainModal } = useChainModal();

  return (
    <>
      {openConnectModal && (
        <button onClick={openConnectModal} type="button">
          Open Connect Modal
        </button>
      )}

      {openAccountModal && (
        <button onClick={openAccountModal} type="button">
          Open Account Modal
        </button>
      )}

      {openChainModal && (
        <button onClick={openChainModal} type="button">
          Open Chain Modal
        </button>
      )}
    </>
  );
};

प्रत्येक हुक भी मोडल की स्थिति के लिए एक बूलियन लौटाता है। आम तौर पर अनुशंसा की जाती है कि आप उपयोगकर्ता के वॉलेट कनेक्शन स्थिति पर सीधे प्रतिक्रिया करने के लिए केवल Wagmi हुक्स (यानी useAccount) पर निर्भर करें, बजाय इसके कि कनेक्ट मोड की स्थिति पर निर्भर करें।

const { connectModalOpen } = useConnectModal();
const { accountModalOpen } = useAccountModal();
const { chainModalOpen } = useChainModal();

RainbowKit को अवरोधक और उत्तरदायी होने के लिए डिज़ाइन किया गया है, इसलिए dApps को हमेशा उपयोगकर्ताओं के लिए एक इंटरफ़ेस प्रस्तुत करना चाहिए चाहे उन्होंने अपना वॉलेट कनेक्ट किया हो या नहीं। एक उपयोगकर्ता सीधे MetaMask से अपना वॉलेट कनेक्ट या डिस्कनेक्ट कर सकता है, इसलिए dApp को सीधे अंतर्निहित कनेक्शन स्थिति के प्रति उत्तरदायी होना चाहिए।

उपयोगकर्ता सत्यापन के लिए Ethereum के साथ साइन-इन जैसे तंत्र पर भरोसा करने वाले dApps को इसके बजाय Authentication सुविधा पर भरोसा करना चाहिए।