Reactnative 随笔一

---恢复内容开始---

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

原因在于你的父文件夹有汉字的缘故，用英文就不报这样的错误。

---恢复内容结束---