webstorm下react的初尝试

环境准备

  • 创建一个project
  • 执行npm install -g create-react-app
  • create-react-app XXX(项目名称)
  • cd XXX/
  • npm start 执行

ps:webstorm可以正常JSX自动补齐，若是Atom可能要配一下？（无考究）

利用终端大致把一些暂时没有用的文件删掉,并且移动创立了src/components/App/App.js App.css

ps:public下的index.html文件保留body内的div很重要

JSX简单语法今日study

  • React 组件中 render 的 return 语句中包裹的内容就是 JSX
  • JS代码可以以{}放入html中

好了剩下的明天再看=0=！

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

推荐阅读更多精彩内容

  • React Quick Start笔记
    最近看了一本关于学习方法论的书，强调了记笔记和坚持的重要性。这几天也刚好在学习React，所以我打算每天坚持一篇R...
    gaoer1938阅读 5,656评论 0赞 5
  • Android - 收藏集
    Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,044评论 25赞 709
  • 从零开始，教你用Webpack构建React基础工程
    20170315更新 由于webpack已更新至2.0版本，许多配置项都已改变，所以可能本文有些项已经过时了 推荐...
    waka阅读 49,105评论 57赞 88
  • 这个平凡特别的日子
    2016年11月11日，这个电商界热闹非凡的日子，也是我等单身汪狂刷存在感的日子，淘宝再一次刷新了销售记录，而我们...
    小南五阅读 1,924评论 0赞 1
  • 20170402
    放轻松，让不开心都走开，只剩下好的。勇敢地跟过去说再见，调整状态，重新开始！
    逍逍逍遥阅读 789评论 0赞 0