爲什麼不會反應渲染實際的div（反應新手）

我想第一次反應。我想要做的就是通過反應渲染一個div在另一個裏面。參考小提琴Fiddle link 爲什麼不會反應渲染實際的div（反應新手）

可能是一些新手的錯誤，任何幫助appretiated

HTML 

<div id='reactDom' style="border: 1px solid red; padding: 20px;"></div>

var dateImage = React.createClass({ 
    render : function(){ 
     return (<td> 
       <div class="event_mdl-slider"> 
        <div class="event_slider relative" id="event_slider_id"> 
         <div class="item"><i style="font-size:40px;" id="slider_1" class="fa fa-file-image-o"></i></div> 
         <div class="item"><i style="font-size:40px;" id="slider_2" class="fa fa-file-text-o"></i></div> 
        </div> 
       </div> 
      </td>); 
    } 
}) 

React.render(<dateImage onload={alert(1)}/>, document.getElementById('reactDom'))

來源

2015-12-22 Ross

，如果你想與小提琴反應發揮它的ReactDOM.render

您可以使用這裏找到的官方模板：https://facebook.github.io/react/docs/getting-started.html

編輯：主要問題是，你的元素已經開始與大寫字母

ReactJS component names must begin with capital letters?

來源

2015-12-22 10:45:25 juraj

我得到reactDOM是不確定的，它的工作原理與部分React.render也給了棄用警告 – Ross

OK，貌似反應。渲染仍然有效，你的問題是渲染功能，例如這個https://jsfiddle.net/1z86p1od/工作.. 1.沒有類，在反應它的className 2.不應該有一個div下的TD。噢，使用大寫字母爲您自己的元素http://stackoverflow.com/questions/30373343/reactjs-component-names-must-begin-with-capital-letters – juraj

爲什麼不會反應渲染實際的div（反應新手）

回答

相關問題