React-pdf: प्रतिक्रिया रेफरी = {} तीन बार कॉल करता है, कस्टम कॉलबैक पर्याप्त उपयोगी नहीं है

को निर्मित 23 जन॰ 2018 · 4टिप्पणियाँ · स्रोत: wojtekmaj/react-pdf

नमस्ते,

हो सकता है कि मुझे कुछ गलत लगे लेकिन किसी कारण से जब मैं उस तरह ref उपयोग करता हूं

<Document
  file={file}
  onLoadSuccess={this.onDocumentLoadSuccess}
  ref={node => console.log(node)}
>
....

मैं तीन बार निम्नलिखित आउटपुट देखता हूं:

screenshot 2018-01-23 17 13 23

खैर, मैं यह पता लगाने के लिए ref का उपयोग करना चाहता हूं कि इसे पृष्ठ पर कहां प्रस्तुत किया गया है (ऑफसेटटॉप, ऑफसेट लेफ्ट इत्यादि) और ref का उपयोग करने के अलावा इसे प्राप्त करने का कोई अन्य तरीका नहीं है, इसलिए मेरा प्रश्न है यह ठीक है कि यह तीन बार आह्वान कर रहा है?

मेरे वास्तविक उदाहरण में मैं क्लाइंट साइड से फ़ाइल लोड करता हूं, लेकिन फिर भी, मेरे पास एक ही समस्या है :(

PS कोड आपके रिपॉजिटरी के sample फोल्डर से लिया गया है

enhancement question

स्रोत

nnnikolay

सभी 4 टिप्पणियाँ

अरे @nnnikolay ,
हां, यह किसी भी घटक का पूरी तरह से सामान्य व्यवहार है (माइंड यू - कंपोनेंट, एलिमेंट नहीं) रिएक्ट अपडेट।

इसके अलावा, यह जांचना बहुत बुरा विचार है कि पृष्ठ को Document घटक के रेफरी का उपयोग करके प्रस्तुत किया गया है या नहीं।

एकमात्र तरीका जो मैं सुझा सकता हूं वह है onRenderSuccess प्रोप कॉलबैक Page घटक में रखा गया है जिसे आप सफल रेंडर के लिए सुनना चाहते हैं।

आप inputRef प्रोप को Page घटक से जोड़कर भी ऐसा कर सकते हैं, जो आपके ref फ़ंक्शन को Page घटक द्वारा प्रदान किए गए रूट डिव तत्व में पास कर देगा। हालांकि, इस पद्धति को हतोत्साहित किया जाता है क्योंकि 3.0.0 से शुरू होकर, एक Page रूट डिव पहले की तुलना में आसान स्टाइल की अनुमति देने के लिए दिखाई देगा, जबकि पेज लोडिंग/रेंडरिंग स्थिति में है।

wojtekmaj 24 जन॰ 2018

उत्तर देने के लिए और विचारों के लिए धन्यवाद @wojtekmaj , सबसे पहले, जैसा कि मैं देखता हूं onRenderSuccess कोई तर्क नहीं लेता है, इसलिए यह स्पष्ट नहीं है कि इस कॉलबैक में मैं Page DOM नोड स्थिति का पता कैसे लगा सकता हूं पेज, मुझे इसमें आपकी सलाह सुनकर खुशी होगी।

फिर भी, inputRef मेरे लिए ठीक है, क्योंकि मुझे केवल यह जानने की जरूरत है कि पृष्ठ पर <div> कहां प्रस्तुत किया गया है (शीर्ष और बाएं निर्देशांक)।

nnnikolay 24 जन॰ 2018

ठीक है। onRenderSuccess को वास्तव में इसके बारे में अधिक जानकारी देनी चाहिए कि यह क्या प्रस्तुत करता है।

वर्तमान में, आप वर्कअराउंड कर सकते हैं (पठनीयता के लिए सरलीकृत कोड):

const pageNumber = 1;

return (
  <Document>
    <Page
      pageNumber={pageNumber}
      onRenderSuccess={() => doSomething(pageNumber)}
    />
  </Document>
);

लेकिन मैं इसके बारे में पूरी तरह सहमत हूं। कॉलबैक फ़ंक्शंस में सुधार 3.0 के लिए मेरी सूची में है! :)

wojtekmaj 24 जन॰ 2018

👍1

सुधार अभी मर्ज किए गए थे और पहले आने वाले v3.0.0-alpha.3 में उपलब्ध होंगे।

wojtekmaj 24 जन॰ 2018

👍1

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

React-pdf: प्रतिक्रिया रेफरी = {} तीन बार कॉल करता है, कस्टम कॉलबैक पर्याप्त उपयोगी नहीं है

सभी 4 टिप्पणियाँ

संबंधित मुद्दों