तो मैं देख रहा है इस में codebase हाल ही में. एक अंतर्निहित वापसी से एक onClick
<Button onClick={() => history.push('/urlTing') }>
Ting
</Button>
यह एक बड़ा कोई नहीं है? या यह बेहतर है? किसी भी इनपुट यहाँ हो जाएगा की सराहना की. दोनों दिखाई देते हैं प्रदान करने के लिए वांछित व्यवहार है ।
जाहिर है, यहाँ है क्या यह की तरह लग रहा है बिना अंतर्निहित वापसी.
<Button onClick={() => {
history.push('/urlTing');
}}>
Ting
</Button>
यह एक फर्क नहीं पड़ता. अगर आप नहीं चाहते कि अंतर्निहित वापसी रखते हुए एक-पंक्ति स्वरूप का उपयोग करें void कीवर्ड:
<Button onClick={() => void history.push('/urlTing') }>
Ting
</Button>
वहाँ कुछ भी गलत नहीं है के साथ निहित वापसी. के onClick ईवेंट हैंडलर की वापसी मूल्य नहीं प्राप्त करता है के द्वारा इस्तेमाल किया प्रतिक्रिया. प्रति डॉक्स https://reactjs.org/docs/handling-events.html
एक और अंतर यह है कि तुम वापस नहीं कर सकते
falseको रोकने के लिए डिफ़ॉल्ट व्यवहार में प्रतिक्रिया. आप कॉल करना चाहिएpreventDefaultस्पष्ट रूप से.
इसलिए, यह कोई फर्क नहीं पड़ता कि क्या अपने हैंडलर रिटर्न, या यदि यह सब पर कुछ भी.
बनाने के एक कॉलबैक पर प्रत्येक रेंडर अंदर मार्कअप, अपने आप में सबसे अच्छा अभ्यास नहीं है. वापस सवाल करने के लिए: मुख्य अंतर के रूप में, आप उल्लेख किया है, के बीच है, वापसी मान. मैं शक onClick एपीआई से प्रतिक्रिया कभी बदलेगा. लेकिन अगर भविष्य में वहाँ हो जाएगा के कुछ प्रकार के एक मूल्य वापसी की उम्मीद है - कि जहाँ आप मिल सकता है अपने आप में कुछ परेशानियों यदि आप करते हैं बदले में कुछ.
अंगूठे का नियम: यदि आप नहीं कर रहे हैं पूछा वापस करने के लिए कुछ है कि नहीं है.