React基础
1、在react组件的生命周期函数中，this指向当前组件 在react class定义的组件中，constructor构造方法中需要通过调用super()方法生成this，这时this指向当前组件；否则不存在this，使用会报错。
2、用class创建的组件，也叫类组件，只有类组件才有state，若是用箭头函数创建的组件，也叫无状态组件（stateless component）react里面的循环用数组的map实现。
3、鼓励转换和不变性。然而，构建 UI 的方式还是和使用 Objective-C 的方式一致。仍然以 UIKit 为基础，独断专横。通过像 virtual DOM 和 reconciliation 这些有趣的概念，React 将函数式编程直接带到了 UI 层。
4、一般我们通过JSX语法创建React 元素，例如：const element = Hello， world；element是一个React 元素。
React中获取DOM节点的两种方法
react中获取dom有以下提供三种方法：react原生函数findDOMNode获取dom 通过ref来定位一个组件，切记ref要全局唯一（类似id）ref Callback 属性 React支持一种非常特殊的属性，你可以附加到任何的组件上。
通过 document.querySelector(#title) 原生js的方式去拿到dom节点，然后去进行操作。
ref 可以获取到相应的 DOM 节点，而且也可以得到详细信息，它得到的一个对象，包括 props，state 等。React 会在组件挂载时给 current 属性传入 DOM 元素，并在组件卸载时传入 null 值。
为了获取真实的dom节点，文本输入框必须有一个 ref 属性，然后 this.refs.[refName] 就会返回这个真实的 DOM 节点。
通过顶层document节点获取：（1） document.getElementById(elementId) ：该方法通过节点的ID，可以准确获得需要的元素，是比较简单快捷的方法。如果页面上含有多个相同id的节点，那么只返回第一个节点。
我们学到的第一个react函数是render 方法，他的函数签名是这样的：ReactComponent render( ReactElement element， DOMElement container， [function callback])通常情况下我们使用该方法将整个应用渲染到一个DOM节点中。
在react中{...settings}什么意思
1、settings的意思：设置。读音：美[setz]。
2、Local Settings是internet 临时文件夹，也就是你上网的临时文件，可以加快打开网页的速度，可以清空，但是不要删除这个文件夹。
3、表示设置层次结构树中的单个设置。创建对象使用由settings函数返回的根SettingsGroup对象访问各个Setting对象。
4、元素 (Element)React 元素其实就是一个简单JavaScript对象，一个React 元素和界面上的一部分DOM对应，描述了这部分DOM的结构及渲染效果。
5、.project 是工程构建配置文件 .metadata文件夹的作用 Eclipse内所有改动都放在这个文件夹 .setting文件夹的作用 \.settings\ 把.js文件的编码方式由改成默认的ISO-8859-1改成GBK时，这个文件会有记录。
6、连接到数据库，查询配置信息，在React组件中获取配置信息，在组件中使用配置信息。连接到数据库：使用适当的数据库连接库（如MySQL、PostgreSQL等）连接到数据库。
前端:Vue和React都学会后,对比React和Vue的11个基本功能-
1、react严格上只能算是MVC的view层，vue则是MVVM模式。虚拟DOM不一样，vue会跟踪每一个组件的依赖关系，不需要重新渲染整个组件树。
2、react和vue的区别是：响应式系统、组件化开发、推荐库和插件、学习曲线、性能。响应式系统：React使用了一种基于虚拟DOM的响应式系统，而Vue则使用了一个基于数据绑定的响应式系统。
3、在这一点上，React 和 Vue 的处理方式有所区别。Vue 本质上会创建一个数据对象，其中的数据可以自由更改；React 则创建一个状态对象，更改数据需要一些额外的操作。React 之所以需要额外的操作有着自己的理由，稍后我会深入介绍。
4、在以下的情况下React比Vue好：需要构建移动应用程序，需要构建大型应用程序，轻量级，易于版本迁移。
5、react和vue的区别如下：数据驱动视图 在jquery时代，我们需要频繁的操作DOM来实现页面效果与交互；而Vue和React 解决了这一痛点，采用数据驱动视图方式，隐藏操作DOM的频繁操作。
6、不断发展： React得到了Facebook专业开发人员的支持，他们不断寻找改进方法。Web或移动平台： React提供React Native平台，可通过相同的React组件模型为iOS和Android开发本机呈现的应用程序。
怎样使用React高阶组件
一般我们通过JSX语法创建React 元素，例如：const element = Hello， world；element是一个React 元素。
npm run styleguide：build // 文档打包组件库作为项目的最小力度支持，我们需要保证其最基本的渲染效率，因此我们采用pure-render/autobind等对其进行基本的优化。React有很多优化方式，在此不进行赘述。
一些管理端通过不同权限对按钮进行控制与隐藏，这个功能很普遍吧。自己记录一下自己在react端的实现方式-主要使用高阶组件方式；当然咯 这是我们这边返回的数据接口是这样的。
我假设你已经有一个使用create-react-app创建的一个可以显示hello world的react环境，并且已经安装来redux。注意：如果是刚使用create-react-app创建的，需要运行 npm run eject弹出个性化设置，这样就可以自定义配置了。
这次给大家带来如何使用react-redux插件，使用react-redux插件的注意事项有哪些，下面就是实战案例，一起来看一下。
React中的元素、组件、实例和节点如何使用
方法一：外部定义函数 方法二：使用箭头函数添加 react中的组件在概念上来说是类似于JavaScript函数（即props），并返回用于页面展示的内容React元素 所谓的无状态组件，是指的其定义的值，无法被react监听到。
在react组件的生命周期函数中，this指向当前组件 在react class定义的组件中，constructor构造方法中需要通过调用super()方法生成this，这时this指向当前组件；否则不存在this，使用会报错。
在react里面的JSX里，若是空元素，则推荐使用自闭合。
下面分几个步骤来实现上面 Form.Item 形式的组件 上面就是一个简单的react组件封装以及使用，要实现组件式，其实很简单， 把封装的组件放在一个对象中就可以实现 使用的时候，就可以按预期效果来用了 是不是很简单。
以上内容为新媒号(sinv.com.cn)为大家提供！新媒号，坚持更新大家所需的前端知识。希望您喜欢！
版权申明：新媒号所有作品（图文、音视频）均由用户自行上传分享，仅供网友学习交流，不声明或保证其内容的正确性，如发现本站有涉嫌抄袭侵权/违法违规的内容。请发送邮件至 k2#88.com(替换@) 举报，一经查实，本站将立刻删除。
