React文档翻译系列(二)Hello World

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,由于它相对来说照样比较新的,然则照样勉励先去熟习一下箭头函数模板字符串letconst声明。能够运用在线Babel转换器(Babel REPL)检察ES6的代码编译。

    原文作者:李小疯子
    原文地址: https://segmentfault.com/a/1190000008878980
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞