Hello World

作者: 莫铭 | 来源:发表于2017-04-24 14:06 被阅读16次

    开始React最简单的方法就是在CodePen上查看这个Hello World示例的代码。你不需要安装任何东西;你可以仅仅在另一个标签页中打开它,然后我们一起过一遍这个例子。如果你想使用本地的开发环境,那就需要看一下安装这一章节。

    这个小的不能再小的例子如下:

    ReactDOM.render(
      <h1>Hello, world!</h1>,
      document.getElementById('root')
    );
    

    它在页面上渲染了一个'Hello World'的小标题。

    下面几个章节会向你逐步揭露React。我们将分析React应用的基础模块: elements和components。一旦你掌握了他们,你就可以通过小的可复用零件创建出复杂的应用。

    关于JavaScript需要注意的地方

    React是一个JavaScript库,需要你对于JavaScript有一定的基础。如果你对于这方面不那么自信,我们建议补充下你的JavaScript知识,这样可以让你接下来进行的更加顺利。

    我们在示例中也用到了一些ES6的语法。我们会试着少用这些语法,因为相对来说它们还是比较新,但我们还是鼓励你熟悉下箭头函数模板字符串letconst声明。你可以使用Babel交互式解析器环境来查看ES6代码会编译成什么样子。

    相关文章

      网友评论

        本文标题:Hello World

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