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的代码编译。