前端之家收集整理的这篇文章主要介绍了
React文档翻译系列(二)Hello World,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
React文档翻译系列(二)Hello World
Hello World
@H_
301_4@开始React最简单的方式就是在CodePen上使用
Hello World示例。无需安装任何环境,只需要在其他
标签页打开它然后跟着我们的例子去做。如果更喜欢使用本地开发环境,可以访问
安装页面。
@H_
301_4@最小的React例子如下:
ReactDOM.render(
<h1>Hello,world!</h1>,document.getElementById('root')
);
@H_
301_4@它会在
页面上渲染一个
标题'Hello World'。
@H_
301_4@接下来的几部分会逐步的介绍如何使用React。我们会查验React应用的构建块:元素和组件。一旦掌握了他们,就可以使用小的可复用片段创建复杂的应用。
关于Javascript的说明
@H_
301_4@React是一个Javascript库,所以它需要你对Javascript开发语言有一个基本的了解。如果觉得不自信,我们推荐先掌握
Javascript的知识,这样才能更容易的跟上脚步。
@H_
301_4@在例子中也使用了一些ES6的语法。我们尽量谨慎的去使用ES6,因为它相对来说还是比较新的,但是还是鼓励先去熟悉一下
箭头函数、
类、
模板字符串、
let和
const声明。可以使用在线
Babel转换器(Babel REPL)查看ES6的
代码编译。
原文链接:https://www.f2er.com/react/304453.html