कैसे JSX बिना React.js में एक html इकाई प्रस्तुत करना

Question

ReactDOM.render(
    React.createElement(
    "button", 
    {"type": "button", "className": "close"}, 
    "×"), 
    document.getElementById('container') 
); 

प्रिंटों '& बार,' बजाय

की × मैं dangerouslySetInnerHTML का उपयोग करके इसे ठीक करने में सक्षम था, लेकिन नाम राज्यों के रूप में, मुझे नहीं लगता खतरनाक तरीके से सर्वोत्तम संभव समाधान

ReactDOM.render(
    React.createElement(
    "button", 
    {"type": "button", "className": "close", "dangerouslySetInnerHTML" : {__html: "×"}}, 
    null), 
    document.getElementById('container') 
); 

है आप पिछले टुकड़ा यहां पा सकते हैं करते हैं :

https://jsfiddle.net/pzb3ygxj/

Answer 1

तुम एक भाग निकले यूनिकोड कोड बिंदु इस्तेमाल कर सकते हैं:

+०१२३५१६४१०६१

ReactDOM.render(
    React.createElement(
    "button", 
    {"type": "button", "className": "close"}, 
    "×"), 
    document.getElementById('container') 
); 

HTML इकाई, एक स्ट्रिंग में, प्रतिक्रिया से बच रहा है:

ReactDOM.render(
    React.createElement(
    "button", 
    {"type": "button", "className": "close"}, 
    "\u00D7"), 
    document.getElementById('container') 
); 

तुम भी सिर्फ शाब्दिक वर्ण का उपयोग कर सकते हैं।

वहाँ कुछ प्रलेखन यहाँ है:

https://facebook.github.io/react/docs/jsx-in-depth.html#string-literals