为什么不使用react渲染实际的div(react newbie)



我第一次尝试做出反应。我所要做的就是通过react在另一个div中渲染一个div。参考小提琴小提琴链接

可能是一些新手的错误,任何帮助都会被拒绝

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

JS-

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'))

它是ReactDOM.render

如果你想在小提琴上演奏react,你可以使用这里的官方模板:https://facebook.github.io/react/docs/getting-started.html

编辑:主要问题是你的元素必须以大写字母开头

ReactJS组件名称必须以大写字母开头?

最新更新