2017-12-18 45 views
5

एक प्रतिक्रिया ऐप्लिकेशन मेंप्रतिक्रिया में लिंक घटक का उपयोग करते समय मैं jsx-a11y/anchor-is-valid को कैसे ठीक कर सकता हूं?

<Link to={`/person/${person.id}`}>Person Link</Link>

निम्नलिखित eslint त्रुटि

The href attribute is required on an anchor. Provide a valid, navigable address as the href value jsx-a11y/anchor-is-valid

एक वैध href विशेषता में लिंक घटक परिणामों में परिणाम है।

<a href="#/person/2">Person Link</a>

इस त्रुटि की बात क्या है? मैं यह कैसे तय करुं?

किसी भी मदद की सराहना की जाएगी!

उत्तर

8

Link घटक href विशेषता उत्पन्न करता है ताकि अंत में एंकर टैग दृश्यता बिंदु से मान्य हो। an exception.eslintrc में जोड़ें:

"jsx-a11y/anchor-is-valid": [ "error", { "components": [ "Link" ], "specialLink": [ "to" ] } ] 

इसके अतिरिक्त, GitHub पर एक जवाब के साथ एक ही मुद्दा है।

+0

मुझे यह मिलता है, लेकिन पहली बार त्रुटि क्यों दर्ज की गई है? इस घटक को स्पष्ट रूप से जांचने के लिए नियम बनाया जाना चाहिए, है ना? –

+0

@ErictheRed ऐसा लगता है जैसे यह नहीं है और इसे स्पष्ट रूप से कहा जाना चाहिए कि घटक 'href' विशेषता प्रस्तुत करने के लिए कुछ अन्य प्रोप का उपयोग करता है। मैं मानता हूं कि आपके प्रश्न का पूरा जवाब नहीं है। – Tomasz

0

शायद आप टेम्पलेट शाब्दिक बनाने के लिए एकल-उद्धरण के बजाय बैकटिक्स डालना चाहते थे। निम्न का प्रयास करें:

<Link to={`/person/${this.state.id}/edit`}>Edit</Link> 
+0

अभी भी वही त्रुटि: - / –

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

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