जेएसएक्स में मैं स्ट्रिंग + {प्रोप 0

Question

के रूप में क्लासनाम को कैसे सेट करूं, मैं प्रतिक्रिया के लिए थोड़ा नया हूं और स्ट्रिंग + प्रोप के रूप में क्लासनाम सेट करने का प्रयास कर रहा हूं। लेकिन मुझे यकीन नहीं है कि यह कैसे करें और क्या यह सबसे अच्छा अभ्यास है।

<a data-featherlight='string' + {this.props.data.imageUrl}> 

मैं इस लिखने के बारे में कैसे जाना होगा:

तो मैं क्या करने की कोशिश कर रहा हूँ, और यह स्पष्ट रूप से काम नहीं कर रहा, यह है?

Answer 1

आप स्ट्रिंग संयोजन का उपयोग कर सकते

<a data-featherlight={'string' + this.props.data.imageUrl}> 

या Template strings नई ES2015 सुविधा

<a data-featherlight={ `string${this.props.data.imageUrl}` }>