react 基础与提高

react文档——Hello World

2016-12-28  本文已影响22人  soojade

Hello World

最容易开始使用 React 方式是用CodePen。你不需要安装任何东西;你只需要在新页面打开它并依照我们当时经历的例子。如果宁愿使用本地的开发环境,查看安装章节。

最小的 React 例子看起来是这样的:

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

它在页面渲染了一个”Hello World“标题。

下面的几个部分会逐步的介绍你使用 React。我们将考察React 应用的构建单元:元素和组件。一旦你掌握了它们,你就可以从小型可复用的部件创建复杂的应用。

关于 JavaScript 的注意事项

React 是一个 JavaScript 库,所以假设你已经对 JavaScript 语言有了基本了解。如果你感到不确信,我们推荐重新介绍 JavaScript(JS 教程),这样你就可以更容易地跟随下去。

我们在例子中也使用一些 ES6 语法。我们尽量少用,因为它仍然相对较新,但我们鼓励你熟悉箭头函数模板字符串letconst声明。你可以使用Babel REPL来查看ES6代码编译成什么样。

下一步

介绍 JSX

上一篇 下一篇

猜你喜欢

热点阅读