HelloWorld

作者: 编码的哲哲 | 来源:发表于2016-12-28 13:15 被阅读126次

    入门react最简单的方法是使用react的示例代码。你可以在CodePen这个网站上在线编辑运行,这样你不需要安装任何东西,你需要做的仅仅是在浏览的另一个窗口打开这个网站,然后按照本教程的示例代码一步一步在线运行。如果你想将它运行在本地的开发环境中,点击这个网站安装:安装

    一个最简单的react例子是下面这样的:

      
    ReactDom.render(
                <h1>Hello World!</h1>
               document.getElementById('root')
    );
    
    

    它渲染了一个名为“Hello World”的头部栏在页面上。


    接下来的章节会一步一步的向你介绍如何使用react。我们将花时间让你理解组件化的编程思想,一旦当你掌握了elements和components,你就可以在适合的环境中用它们构建复杂的应用。
    关于Javascript的一些注解


    react是javascript的库,所以我们假定你有对javascript有一个基本的理解,如果你对自己的javascript感到不是很自信的话,我们建议你刷新一下你的javascript知识,这样你就可以更好的掌握后面的章节。
    在后面的代示例中,我们会使用一些一些ES6的语法。我们尽量有节制的使用它,毕竟相对来说它还是比较新的语法。但是我们鼓励你对尖头函数template语法letconst有一个熟悉的认识。你可以利用Babel REPL去检查你的ES6语法是否正确。


    关于ES6我推荐你刷一遍阮一峰老师写的《ES6标准入门第二版》,这样对于ES6就基本无所畏惧了🐶。

    相关文章

      网友评论

      本文标题:HelloWorld

      本文链接:https://www.haomeiwen.com/subject/knjyvttx.html