React学习Demo1

1.下载初学者学习包

http://reactjs.cn/react/docs/getting-started.html

2.导入工程

用WebStorm导入工程,破解版连接

http://www.waitsun.com/jetbrains-webstorm-11-0-1.html  

3.新建自己的Demo

(1)新建文件夹MyStudy

        新建HelloReact.html

        新建HelloReact.js

(2)输入代码

HelloReact.html

HelloReact.js

(3)执行分离工具

        npm install -g react-tools  #随便那个文件夹都行

        cd /Users/catherine.liu/Documents/IOS/ReactDemo/react-15.3.0 #工程目录

        #找准路径,将jsx格式的js文件转成标准的js,执行一次就行,以后修改会自动生成

        jsx --watch MyStudy/ ../build/    

       #到此,你就可以在build文件夹下看到生成的js了,程序中也要正确引用

(4) 执行结果

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容