---恢复内容开始---
1、ReactDOM.render() React的最基本方法,用于将模板转为HTML语言,并插入指定的DOM节点
将h标签插入example节点
2、HTML语言直接写在JavaScript语言之中,不加任何引号,就是JSX的语法。
3、创建组件。
React.createClass({}) -----接收一个对象 属性render 返回定义的组件
渲染: ReactDOM.render(组件,将组件放到哪里(位置),渲染完成后的一个callback)
完整代码:
var HelloMessage=React.createClass({
alertMe:function(){
alert("You click me!!!");
},
render:function(){
return (<h1 onClick ={this.alertMe}>HELLO WORLD!</h1>)
}
});
ReactDOM.render(<HelloMessage/>,document.getElementById("app"),function(){
console.log("渲染完成啦!")
})
注意:组件名称声明时首字母一定大写,如果不是渲染不出
如果在控制台是报这样的错误:Failed to locate workspace file mapped to URL file:///D:/%E4%B8%AA%E4%BA%BA%E6%96%87%E4%BB%B6%E5%A4%B9/Desktop/ReactDemoSelf/demo1/embedded from source map file:///D:/%E4%B8%AA%E4%BA%BA%E6%96%87%E4%BB%B6%E5%A4%B9/Desktop/ReactDemoSelf/demo1/index2.html
原因在于你的父文件夹有汉字的缘故,用英文就不报这样的错误。
---恢复内容结束---