Gatsby: हैश अपडेट पर onRouteUpdate को ट्रिगर न करें

को निर्मित 2 अक्तू॰ 2017 · 3टिप्पणियाँ · स्रोत: gatsbyjs/gatsby

मैं एक onRouteUpdate gatsby-browser.js जैसे निर्यात करता हूं:

export const onRouteUpdate = ({ location, action }) => {
    if (
        window.location &&
        typeof window.location.href === 'string' &&
        window.location.href.includes('www.example.com') // make sure we're on live site
    ) {
        window.analytics.page();
    } else {
        console.log('PAGE: ', window.location.href, action, location);
    }
    return;
};

यह ठीक काम करता है, लेकिन जब किसी पृष्ठ पर लंगर लिंक होते हैं, तो यह हर बार फायर करता है जब उनमें से एक पर क्लिक किया जाता है।

मैंने page() action === 'PUSH' रूट अपडेट पर फायरिंग की कोशिश की, लेकिन यह सभी प्रारंभिक पेज लोड पर घटना को अवरुद्ध करता है।

इस ट्रैकिंग से लंगर लिंक घटनाओं को हटाने का कोई तरीका?

documentation question or discussion

स्रोत

brandonmp

👍3 👎1

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

हाय @brandonmp शायद window.location.href में जाँच करें यदि # चरित्र मौजूद है?

sebastienfi 2 अक्तू॰ 2017

@sebastienfi वह कह रही है कि हैश अपडेट (एंकर पर क्लिक करने पर क्या होता है) onRouteUpdate API को ट्रिगर नहीं करना चाहिए। जो मुझे बहुत उचित लगता है। हैश अपडेट केवल एक ही पृष्ठ के भीतर होना चाहिए जहां एपीआई को केवल पृष्ठ स्विच करते समय ट्रिगर किया जाना है।

@brandonmp यहाँ एक ही पृष्ठ के भीतर हैश परिवर्तनों को छानने वाला एक पीआर पसंद करेगा! https://github.com/gatsbyjs/gatsby/blob/84362074df2238e6794bb6a056e0163ac1c0dfdd/packages/gatsby/cache-dir/production-app.js#L112

शायद फ़ंक्शन को एक अलग फ़ाइल में डालें और कुछ परीक्षण जोड़ें?