美文网首页react 基础与提高
react文档——Hello World

react文档——Hello World

作者: soojade | 来源:发表于2016-12-28 10:35 被阅读22次

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

相关文章

  • React网址

    React文档: https://react.docschina.org/docs/hello-world.html

  • react文档——Hello World

    Hello World 最容易开始使用 React 方式是用CodePen。你不需要安装任何东西;你只需要在新页面...

  • React

    官方文档 https://react.docschina.org/docs/hello-world.html 一....

  • react native 基础知识点

    Hello World react native 官方Hello world示例 我们从import开始来看这个程...

  • 用React Native开发一个应用

    在React Native中创建“Hello World”程序 创建项目 使用Xcode 使用模拟器 React基...

  • 常用markdown语法

    Hello World! Hello World! Hello World! Hello World! Hello...

  • hello

    hello, world hello, world hello, world hello, world

  • [React] Hello world(2)

    1. 简单的Hello world示例 ReactDOM.render()是React的最基本方法用于将模板转为H...

  • react之Hello World

    背景 Facebook 为了开发一套更好更适合自己的JavaScript MVC 框架,所以产生了react。后来...

  • React的Hello World

    VSCode配置语法高亮 安装Babel JavaScript插件 创建项目 其他还有 npm run build...

网友评论

    本文标题:react文档——Hello World

    本文链接:https://www.haomeiwen.com/subject/bykyvttx.html