Hello World

开始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代码会编译成什么样子。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容