React文档翻译系列（二）Hello World

Hello World

开始React最简单的方式就是在CodePen上使用Hello World示例。无需安装任何环境，只需要在其他标签页打开它然后跟着我们的例子去做。如果更喜欢使用本地开发环境，可以访问安装页面。

最小的React例子如下：

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

它会在页面上渲染一个标题'Hello World'。

接下来的几部分会逐步的介绍如何使用React。我们会查验React应用的构建块：元素和组件。一旦掌握了他们，就可以使用小的可复用片段创建复杂的应用。

关于Javascript的说明

React是一个Javascript库，所以它需要你对Javascript开发语言有一个基本的了解。如果觉得不自信，我们推荐先掌握Javascript的知识，这样才能更容易的跟上脚步。

在例子中也使用了一些ES6的语法。我们尽量谨慎的去使用ES6，因为它相对来说还是比较新的，但是还是鼓励先去熟悉一下箭头函数、类、模板字符串、let和const声明。可以使用在线Babel转换器（Babel REPL）查看ES6的代码编译。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!