प्रतिक्रिया कॉलस्पेन

Question

पर काम नहीं कर रहा है क्यों colspan विशेषता का असर में प्रभाव नहीं पड़ता है?

<table border="1"> 
    <tr> 
    <th colspan="2">people are...</th> 
    </tr> 
    <tr> 
    <td>monkeys</td> 
    <td>donkeys</td> 
    </tr> 
</table> 

और मैं क्या मिलता है:

मैं कुछ याद आ रही हूँ मैं सरल घटक है जो निम्नलिखित renders बनाया?

संपादित करें: हल

यहाँ समाधान है। प्रतिक्रिया उम्मीद है कि विशेषता नाम colSpan, colspan नहीं है। इस छोटे से बुराई तथ्य को खोजने के लिए हास्यास्पद समय बर्बाद करने के बाद इसे समझ लिया।

Answer 1

प्रतिक्रिया के DOM Differences प्रलेखन से:

सभी डोम गुण और विशेषताएं (ईवेंट हैंडलर्स सहित) मानक जावास्क्रिप्ट शैली के अनुरूप होने के लिए camelCased किया जाना चाहिए।

आपको अपने ब्राउज़र की सांत्वना चेक करते हैं, तो आप देखेंगे कि प्रतिक्रिया इस बारे में चेतावनी:

<meta charset="UTF-8"> 
 
<script src="https://npmcdn.com/react@15.2.1/dist/react.js"></script> 
 
<script src="https://npmcdn.com/react-dom@15.2.1/dist/react-dom.js"></script> 
 
<script src="https://npmcdn.com/babel-core@5.8.38/browser-polyfill.min.js"></script> 
 
<script src="https://npmcdn.com/babel-core@5.8.38/browser.min.js"></script> 
 
<div id="app"></div> 
 
<script type="text/babel"> 
 

 
var App = React.createClass({ 
 
    render() { 
 
    return <table border="1"> 
 
     <tbody> 
 
     <tr> 
 
      <th colspan="2">people are...</th> 
 
     </tr> 
 
     <tr> 
 
      <td>monkeys</td> 
 
      <td>donkeys</td> 
 
     </tr> 
 
     </tbody> 
 
    </table> 
 
    } 
 
}) 
 

 
ReactDOM.render(<App who="World"/>, document.querySelector('#app')) 
 

 
</script>

Warning: Unknown DOM property colspan. Did you mean colSpan? 
    in th (created by App) 
    in tr (created by App) 
    in tbody (created by App) 
    in table (created by App) 
    in App 

Answer 2

मामले को बदलने के अलावा, मैं भी था एक स्ट्रिंग से एक संख्या में मान बदलने के लिए। इस के बजाय:

<td colspan='6' /> 

मैं यह करने के लिए किया था:

<td colSpan={6} />