प्रतिक्रिया मूल दृश्य प्रस्तुत करें

Question

मैं सशर्त रूप से विचार कैसे प्रस्तुत कर सकता हूं? उदाहरण: यदि मेरा ऐप इंटरनेट से कनेक्ट नहीं है - अगर कनेक्ट किया गया है तो त्रुटि दृश्य प्रस्तुत करें - WebView प्रस्तुत करें? प्रतिक्रिया के साथ यह संभव है? मैं शुद्ध एचटीएमएल

Answer 1

तर्क विचारों सशर्त रेंडर करने के लिए, अपने उदाहरण का उपयोग करते हुए:

render() { 
    if (!this.state.isConnected) { // error 
    return (
     <View></View> 
    ); 
    } 
    else { 
    return (// webview 
     <WebView /> 
    ); 
    } 
} 

Answer 2

प्रस्तुत करने के लिए अपनी रेंडर विधि में, आप नीचे दिए गए उदाहरण की तरह सशर्त परिभाषित कर सकते हैं। उदाहरण के लिए, आप घटकDidMount विधि पर अपना कनेक्शन देख सकते हैं और फिर अपने प्रोप सेट कर सकते हैं।

render(){ 
      if(this.state.isConnected == 'Online') 
      return this.webView(); 
      else 
      return this.renderAnotherView(); 
     } 

Answer 3

यदि यह वेब व्यू के लिए विशिष्ट है, तो इस घटक में दो रेंडर फ़ंक्शंस हैं।

renderError समारोह

समारोह की दृष्टि देता है कि उसमें कोई त्रुटि है, तो दिखाने के लिए।

renderLoading समारोह

समारोह है कि एक लोडिंग सूचक देता है।

WebView Component Docs.

renderError समारोह आप एक दृश्य लौट सकते हैं के साथ

संकेत दिया वहाँ एप्लिकेशन इंटरनेट से जुड़ा नहीं है सहित एक त्रुटि है।