hello world 开始React的最简单的方式是使用 '在 CodePen 的 hello world 实例代码'。你不需要安装任何东西;你仅仅需要在另一个页签打开它,并跟随我们的示例。如果你更想使用一个本地的开发环境,查看安装小节。 最小的React例子:
<div id="root"></div>
ReactDOM.rend(
<h1>Hello World!</h1>
document.getElementById('root');
);
它在页面上渲染了一个 'Hello World' 标题
接下来的几个小节,将逐步的引导你来使用React。我们将检查React应用的构建块:元素对象和组件。一旦你掌握了它们,可以通过小的、可重用的块来创建复杂的应用。
a note on javascript - js相关标注
React是js的一个类库,假定你已经对js有了基本的掌握。如果你觉得没掌握好,建议学习js知识,这样才会更容易跟上。 在示例种,我们也使用了一些ES6的语法。我们保守的尝试使用它,因为ES6仍然相对较新,但是我们鼓励你熟悉 'arrow functions'、'classes'、'template literals'、'let'、const 语句。你可以使用 'Babel REPL' 检查 ES6 代码编译的结果(Babel 会将ES6编译为ES5,所以我们不同担心环境是否支持ES6)
转载请注明原文地址: https://ju.6miu.com/read-676304.html