React中文文档
APP开发
浏览：1100 次
React概述React的核心思想是封装组件。
每个组件都维护自己的状态和UI，并在状态更改时自动重新渲染整个组件。
基于此方法的直观感受是，我们不再需要来回查找DOM元素，然后操作DOM来更改UI。
React通常包括以下概念：
装配
JSX公司
虚拟DOM
数据流
这里，使用一个简单的组件来快速理解这些概念，并建立对React的全面理解。
从“React”导入React，｛Component｝；从“react dom”导入｛render｝；类HelloMessage扩展组件｛render（）｛return＜div＞您好｛this.props.name｝
以上；HelloMessage它是React构建的组件。最后一句是：；render这个组件将显示给页面上的一个元素；mountNode内部，显示的内容是<；你好，约翰
props它是组件中包含的两个核心概念之一，另一个是状态（未使用此组件）。您可以添加props。它被视为组件的配置属性，在组件中不变。它仅用于在调用组件时通过传递不同的属性（如此处的名称）来自定义组件的显示。
JSX可以从上面的代码中看到，HTML直接嵌入到JS代码中。这是React提出的一种新方法，称为JSX。这应该是开始接触React的最不可接受的设置之一，因为前端已经被“表达和逻辑分离”的想法“洗脑”太久了。但事实上，组件的HTML是组件的一个组成部分，它是能够封装HTML的整个组件。React发明了JSX，使JS能够支持嵌入式HTML，这不得不说是一种非常聪明的方式，可以让前端实现真正意义上的组件。
好消息是，您不一定可以使用此语法。稍后将进一步介绍JSX，届时您可能会喜欢它。现在我们需要知道，要使用包含JSX的组件，我们需要“编译”并输出JS代码，然后才能使用它。稍后，我们将讨论开发环境。
当组件状态为React时，虚拟DOM将自动调用组件的；renderMethod重新渲染整个组件的UI。
当然，如果您真的在如此大的区域中操作DOM，那么性能将是一个大问题。因此React实现了一个虚拟DOM，组件DOM结构被映射到虚拟DOM，React在虚拟DOM上实现了diff算法。当您想要重新渲染组件时，它会通过diff找到要更改的DOM节点，然后将修改更新为浏览器的实际DOM节点，因此，整个DOM树不会真正渲染。虚拟DOM是纯JS数据结构，因此其性能将比原生DOM快得多。
数据流“单向数据绑定”是React倡导的一种app架构方式。只有当app足够复杂时，您才能意识到它的好处。虽然您可能不知道它在一般应用场景中的存在，但它不会影响您对React的使用。你只需要先了解这个概念。
推荐的APP开发工具：
统软云是一个“云集成”移动开发平台。统软云开发平台用于以Web语言开发iOS和Androidapp，大大降低了开发难度，并将开发周期缩短了近一倍。此外，统软云平台上有数千个不同的功能模块，可以通过一个按钮轻松调用这些模块来开发各种app。
，注册后为新手提供免费开发包
