1.如何写好react？
2.react跟vue区别(react和vue区别和看法)
3.reactui框架(react框架菜鸟教程)
4.react跳转当前页面？
5.react和?
vue和react的区别之我见
react和vue都是做组件化的，整体的功能都类似，但是他们的设计思路是有很多不同的。使用react和vue，主要是理解他们的设计思路的不同。
react整体是函数式的思想，把组件设计成纯组件，状态和逻辑通过参数传入，所以在react中，是单向数据流，推崇结合immutable来实现数据不可变。react在setState之后会重新走渲染的流程，如果shouldComponentUpdate返回的是true，就继续渲染，如果返回了false，就不会重新渲染，PureComponent就是重写了shouldComponentUpdate，然后在里面作了props和state的浅层对比。
而vue的思想是响应式的，也就是基于是数据可变的，通过对每一个属性建立Watcher来监听，当属性变化的时候，响应式的更新对应的虚拟dom。
总之，react的性能优化需要手动去做，而vue的性能优化是自动的，但是vue的响应式机制也有问题，就是当state特别多的时候，Watcher也会很多，会导致卡顿，所以大型应用（状态特别多的）一般用react，更加可控。
react的思路是allinjs，通过js来生成html，所以设计了jsx，还有通过js来操作css，社区的styled-component、jss等，
vue是把html，css，js组合到一起，用各自的处理方式，vue有单文件组件，可以把html、css、js写到一个文件中，html提供了模板引擎来处理。
react是类式的写法，api很少，
而vue是声明式的写法，通过传入各种options，api和参数都很多。所以react结合typescript更容易一起写，vue稍微复杂。
react可以通过高阶组件（HigherOrderComponents--HOC）来扩展，而vue需要通过mixins来扩展
一个react高阶组件的例子：
react做的事情很少，很多都交给社区去做，vue很多东西都是内置的，写起来确实方便一些，
比如redux的combineReducer就对应vuex的modules，
比如reselect就对应vuex的getter和vue组件的computed，
vuex的mutation是直接改变的原始数据，而redux的reducer是返回一个全新的state，所以redux结合immutable来优化性能，vue不需要。
上面主要梳理了react和vue的4点不同：
（其中第3点在vue3.0支持类式写法之后就可以去掉了）
react整体的思路就是函数式，所以推崇纯组件，数据不可变，单向数据流，当然需要双向的地方也可以做到，比如结合redux-form，而vue是基于可变数据的，支持双向绑定。react组件的扩展一般是通过高阶组件，而vue组件会使用mixin。vue内置了很多功能，而react做的很少，很多都是由社区来完成的，vue追求的是开发的简单，而react更在乎方式是否正确。
vue和react那个更好用？为什么？
React和Vue以及是经常上PK台被进行比较的前端框架，我这边从以下几个方面对两者做一个比较，如果其中有理解不当的大家也可以随时纠正。
学习曲线
React陡峭的学习曲线是一直被诟病的一点。Vue标榜的是一个渐进式的JaScript框架，大部分开发者普遍会认为Vue的学习曲线低于React，并且相较于React有更丰富的中文支持（主要是VUE开发者是中国人，导致了很多我国的程序员会关注此框架）。但是，随着学习内容的深入，当需要开发复杂的Web应用程序时，花哨灵活的指令和逻辑反而会让人觉得Vue比React更难掌控。简单来说，React是一个陡坡比较难上手，Vue是一个缓坡很容易上手，但是最终的高度两者差不多。
技术社区
React是近十年的开源项目，因此它拥有成熟的技术社区支持。Vue尽管这几年势头很猛，但是要想建立一套完善的生态系统还需要一些时间来打磨。
灵活性
这也是争议最大的地方。React专注于UI，所以在构建UI组件时可以从它那里获得很好的支持。Vue作为一个渐进式框架，只允许使用最基本的功能来构建应用程序，但同时也提供了一些开箱即用的东西：如，用于状态管理的Vuex、用于应用程序URL管理的VueRouter、Vue服务器端渲染。
Vue剥离了许多元素，相比之下React更加全面。但如果您正在寻找一种精简、新颖、简单易学、样板代码少、高性能、灵活且完整的前端框架，Vue更加适合；当然，如果您打算使用低版本jQuery代码，Vue也同样支持。
React的灵活性则更多依赖于其背后强大的技术社区，在Facebook的强力支撑下（Facebook的React团队包括了10名专职开发人员），提供了更多工具、UI库和教程。
综上所述，我个人觉得在没有实际应用场景的情况下，很难比较出孰优孰劣，没有最好的框架，只有最适合的框架。如果是短期小项目，建议使用Vue可以快速敏捷开发（上手快，控件占用小，性能较好）。如果是移动端跨平台的应用推荐React（ReactNative已经比较成熟而Vue的Weex仍在不断发展）。
vue和react哪个更好用，为什么？Vue和React都是属于目前比较主流的前端框架，实际开发中也经常会拿Vue和React来比较。但是我们通常会根据各自优势来选择项目比较适合的框架。
React优点：
1.声明式设计?React用声明范式，可以轻松描述应用。
2.高效?React通过对DOM的模拟，最大限度地减少与DOM的交互。
3.灵活?React可以与已知的库或框架很好地配合。
4.JSX?JSX是JaScript语法的扩展。React开发不一定使用JSX，但我们建议使用它。
5.组件?通过React构建组件，使得代码更加容易得到复用，能够很好的应用在大项目的开发中。
6.单向响应的数据流?React实现了单向响应的数据流，从而减少了重复代码，这也是它为什么比传统数据绑定更简单。
Vue优点：
1．简单易学，容易上手，Vue是国内团队开发，文档手册比较齐全，很适合前端新手小白学习。
2.更顺畅的集成：无论是单页应用程序还是复杂的Web界面，Vue.js都可以更平滑地集成更小的部件，而不会对整个系统产生任何影响。
3.性能优势，更小的尺寸：它占用更少的空间，并且往往比其他框架提供更好的性能。
精心编写的文档：通过详细的文档提供简单的学习曲线，无需额外的知识;HTML和JaScript将完成工作。
4.运行速度快，相对于React来说，性能着一方面Vue占有绝大优势。
根据不同框架优点，我们在实际项目开发选型中一般中小型项目我们会选择使用Vue，大型项目会选择React。
react和vue的区别及优缺点VUE与React区别：
React的思路是HTMLinJaScript也可以说是AllinJaScript，通过JaScript来生成HTML，所以设计了JSX语法，还有通过JS来操作CSS，社区的styled-component、JSS等。
而Vue是把HTML，CSS，JaScript组合到一起，用各自的处理方式，Vue有单文件组件，可以把HTML、CSS、JS写到一个文件中，HTML提供了模板引擎来处理。
React的优缺点：
灵活性和响应性：它提供最大的灵活性和响应能力。
丰富的JaScript库：来自世界各地的贡献者正在努力添加更多功能。
可扩展性：由于其灵活的结构和可扩展性，React已被证明对大型应用程序更好。
不断发展：?React得到了Facebook专业开发人员的支持，他们不断寻找改进方法。
Web或移动平台：?React提供ReactNative平台，可通过相同的React组件模型为iOS和Android开发本机呈现的应用程序。
Vue的优缺点：
易于使用：?Vue.js包含基于HTML的标准模板，可以更轻松地使用和修改现有应用程序。
更顺畅的集成：无论是单页应用程序还是复杂的Web界面，Vue.js都可以更平滑地集成更小的部件，而不会对整个系统产生任何影响。
更好的性能，更小的尺寸：它占用更少的空间，并且往往比其他框架提供更好的性能。
精心编写的文档：通过详细的文档提供简单的学习曲线，无需额外的知识;HTML和JaScript将完成工作。
适应性：整体声音设计和架构使其成为一种流行的JaScript框架。它提供无障碍的迁移，简单有效的结构和可重用的模板。
如何写好react？
React的class组件及属性详解!
用class创建的组件，也叫类组件，只有类组件才有state，若是用箭头函数创建的组件，也叫无状态组件（statelesscomponent）react里面的循环用数组的map实现。
React18之前的函数组件都是无状态组件，Hooks出现后函数组件也可以有状态。有状态组件组件本身有独立数据，拥有组件生命周期，存在交互行为。class组件可以定义组件自己的状态，拥有组件生命周期，它是有状态组件。
组件就是页面上的一部分，可以是一个按钮，也可以是一张，可以是任意的一个html元素。顾名思义，这种组件存在自己的state，可以控制内部状态变化，也会有props，个人一般用于处理业务型模块。
PropTypes最初是作为React核心模块之一一起发布的，将其应用到React组件中，我们用来判断组件的属性传递是否符合设置的预期，如果传递的属性与其不匹配，将会有警告提示。
允许单个项目有与其他项目不一样的对齐方式，可覆盖align-items属性。默认值为auto，表示继承父元素的align-items属性，如果没有父元素，则等同于stretch。
首先子组件有一个方法myFunc。其次父组件给子组件传递一个ref属性，并且用callback-refs的形式。最后我们在父组件当中就可以使用this.foo来调用子组件的方法即可。
[react]6、React组件1、1）、组件的名称是大写字符开头2）、类组件需要继承自React.Component3）、类组件必须实现render函数相关属性1）、constructor是可选的，通常在constructor中初始化一些数据。
2、react-hook-form这是一个React钩子组件，用于表单状态管理和验证。recharts该组件重新定义了使用React和D3构建的图表库。react-big-calendar为React和现代浏览器而构建的日历。
3、在react中定义组件最简单的方式就是去使用js的函数。
4、高阶组件：高阶组件是参数为组件，返回值为新组件的函数高阶组件（HOC）是React中用于复用组件逻辑的一种高级技巧。
5、上面就是一个简单的react组件封装以及使用，要实现组件式，其实很简单，把封装的组件放在一个对象中就可以实现使用的时候，就可以按预期效果来用了是不是很简单。
6、在React组件中有状态组件相当于一个枢纽站。因为它就像一个容器，里面包含的是无状态组件，在容器组件中获取完数据后，再将这些数据分配给子组件。
React方向:元素添加以及react组件
方法一：外部定义函数方法二：使用箭头函数添加react中的组件在概念上来说是类似于JaScript函数（即props），并返回用于页面展示的内容React元素所谓的无状态组件，是指的其定义的值，无法被react监听到。
当我们在组件上设置处理器时，React并不会在该DOM元素上直接绑定处理器.React内部自定义了一套系统，在这个系统上统一进行订阅和分发。
在js里绑定enter非常简单，直接在input里绑定onkeypress，onkeydown等，在里判断下e.keycode===13即可。但是在react里，不能直接这样处理。
jsx语法组件元素渲染props生命周期和stateReact主要是用于构建用户界面的JaScript库，实现单页面应用。
Refs是使用React.createRef()创建的，并通过ref属性附加到React元素。在构造组件时，通常将Refs分配给实例属性，以便可以在整个组件中引用它们。
首先检查网络，进入html文本。其次在动态添加的时候加行内。最后添标签即可。
React组件Component,元素Element和实例Instance的区别component一般在体积上比element大，说一辆车是由哪些元件组成，一般不用element，element指的是小到不能再分割或拆开的，而component则强调是一个完整系统的一部分。
ReactcreateClass和Component的区别：reactcreateclass是创建一个类，而component是控件的意思。类。在VisualBasic中每个对象都由一个类来定义。类和对象相当于模子和铸件的关系。
通过instance找到component：在希望用一个instance替换另一个时，使用右侧属性面板，找到instance部分的下拉菜单，选择替换者实例的名称，点击后完成替换。
元素描述了你在屏幕上想看到的内容，是构成React应用的最小砖块，与浏览器的DOM元素不同，React元素是创建开销极小的普通对象。ReactDOM会负责更新DOM来与React元素保持一致。
react跟vue区别(react和vue区别和看法)
react前端框架难吗?
React很简单，也很难简单是因为React的API真的很少，的各种文档花一个下午也能看个七七八八（此时此刻再看看Angular……）。
当然这样写组件也有很多局限，比如不能声明各种生命周期方法等等，但是在常见的前端业务场景中，纯render的组件不在少数。在这样的语法推出后，我们就能把这些组件更方便的抽出来复用了。
react这种框架很复杂。根据查询相关公开信息显示，都是主流的前端框架技术，各有千秋，有利有弊，就看在日常工作中怎么去取舍了，毕竟框架只有更好，没有最好。
React本身只是一个V而已，并不是一个完整的框架，所以如果是大型项目想要一套完整的框架的话，基本都需要加上ReactRouter和Flux才能写大型应用。
你有vue的基础，有心的话我估计1-2天就能理解react了。公司有人会的话，多提提问题一周应该不是什么问题，例如你在vue里怎么做一些事情，你可以问问在react这么实现。理念上这两个东西都非常相似。
如何用react写helloworld
设你已经配置好了Android开发环境，cloneyourproject，并且已经npminstall了全部的依赖包，到这个姿势就可以开始调试了。
使用React的网页源码，结构大致如下：！DOCTYPEhtml//**用户代码**上面代码有两个地方需要注意。
此用法如下图：这个如同vue组件里面的props中的type：Array这个一样这个与vue-router差不多，大家可以看文档。
优化URL请求，目的是使用环境变量来将URL请求地址写灵活，方便统一管理。
在React官方文档中的开发流程里面介绍了如何使用本地依赖库。在启动本地React项目的时候出现了以下报错在将react-jsx-dev-runtime.development.js文件复制到build/node_modules/react/cjs目录下即可。
上面使用了比较易懂的API来解释Ref的用法，但里面包含了一些现在React不太推荐和即将废弃的方法，如果用React推荐的写法，我们可以这样写。
React中的写法总结1、具体来讲，React利用委托机制在Document上统一监听DOM，再根据触发的target将分发到具体的组件实例。另外上面e是一个合成对象(SyntheticEvent)，而不是原始的DOM对象。
2、第一种方式：在上使用bind(this)第二种方式：在构造函数中改变this指向第三种方式：使用=()=JaScript函数中的this不是在函数声明的时候定义的，而是在函数调用(即运行)的时候定义的。
3、react会在池eventPool中重复使用event实例。
如何学习用Typescript写Reactjs1、TypeScript是一种由微软开发的自由和开源的编程语言。它是JaScript的一个超集，而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。安德斯·海尔斯伯格，C#的首席架构师，已工作于TypeScript的开发。
2、接下来在src/pages/index.tsx文件中书写demo来学习React。Vue和React中所开发的都是组件，其页面也是一个路由组件。
3、创建带TypeScript模板的react-，推荐使用yarn，接下来我也主要以yarn做例子然后在项目根目录创建一个craco.config.js用于修改默认配置。
4、如果把你可以建一个网站，你就可以建一个桌面应用程序，我们只需要把精力放在应用的核心上即可。
5、课程介绍TS在构建大型应用上的优势，以及与JS的完美互通，让TS未来一片光明，从0到1系统学习，把TS真正应用到框架和项目中。
Css在react该如何写?1、在需要全局CSS的时候，你仍然可以通过为ReactComponent设置className属性，来制定对应的CSSClass。Inlinestyle也有一些限制，只能通过CSS声明（className）来实现，例如声明伪类属性(a：visited)。
2、建议CSSinJS写法，虽然感觉推翻了多年的CSS工作进展。主要原因还是CSS的全局污染。模块化、组件化一直是前端不断优化追求的目标。传统的CSS无法很好的进行模块化。
3、在CSS文件中引入CSS文件需要用到@import。例如：@importsub.css使用用@import引入CSS可以很方便的引入外部文件的CSS代码，方便维护和规划。
4、在工程化中，很重要的一点就是保持各组件名称的不同，对于css来说，这点尤为重要，为了不使诸多类似的样式名称混淆，一般都会使用css编译工具，对原来的名字进行统一修改替换，确保所有名字都不重叠。
5、exportedKey：exportedValue；/*...*/}但直接使用这两个关键字编程太麻烦，实际项目中很少会直接使用它们，我们需要的是用JS来管理CSS的能力。
6、把Ajax写在componentDidMount里，当react-router决定好哪个组件来渲染页面，在这个组件第一次渲染的时候加载Ajax取得数据再通过this.state或者this.props渲染数据。
reactui框架(react框架菜鸟教程)
React和Vue的区别
1、react是类式的写法，api很少vue是声明式的写法，通过传入各种options，api和参数都很多。所以react结合typescript更容易一起写，vue稍微复杂。
2、vue比较好。VUE是iOS和Android平台上的一款Vlog社区与编辑工具，允许用户通过简单的操作实现Vlog的拍摄、剪辑、细调、和发布，记录与分享生活。还可以在社区直接浏览他人发布的Vlog，与Vloggers互动。
3、react是Facebook公司创建的js框架，并创新了新的语法，JSX（htmlinjascript），而vue相对来说更容易学习，且使用模板系统，Reat与Vue只有框架的骨架，其他的功能如路由、状态管理等是框架分离的组件。
4、VUE与React区别：React的思路是HTMLinJaScript也可以说是AllinJaScript，通过JaScript来生成HTML，所以设计了JSX语法，还有通过JS来操作CSS，社区的styled-component、JSS等。
5、设计思想上的区别（数据是不可变的）react中数据都是进行手动更改达到视图更新，而vue是响应式的进行更改。所以react结合typescript更容易一起写，vue稍微复杂。不过vue0也全面支持typescript。
react和vue哪个比较好
1、易于使用：Vue.js包含基于HTML的标准模板，可以更轻松地使用和修改现有应用程序。更顺畅的集成：无论是单页应用程序还是复杂的Web界面，Vue.js都可以更平滑地集成更小的部件，而不会对整个系统产生任何影响。
2、总之，建议学Vue入门，身边有人的情况下可以学习React。
3、这么说吧，个人认为，抛开偏见，中小型项目我推荐使用vue来开发，原因：而对于大型项目，还是推荐react去开发，原因：以上就是我对Vue和React选择的一点见解，欢迎指正。轻拍，别打脸。
4、而React则是一把，你只需要记住：“无论遇到什么样的武功高强之人，只用瞄准，扣动扳机。
5、react中数据都是进行手动更改达到视图更新，而vue是响应式的进行更改。所以react结合typescript更容易一起写，vue稍微复杂。不过vue0也全面支持typescript。而且vue0也更加趋向于react了。
6、Vue上手更简单，特别是从dom和jquery时代过来的程序员，或者习惯模板语言的后端开发，更容易接受Vue。Vue从设计上讲，跟趋向于简化使用，就是说Vue从骨子里面就是想用起来简单，但React更多的是为大型工程考虑。
react和vue的区别及优缺点1、vue比较好。VUE是iOS和Android平台上的一款Vlog社区与编辑工具，允许用户通过简单的操作实现Vlog的拍摄、剪辑、细调、和发布，记录与分享生活。还可以在社区直接浏览他人发布的Vlog，与Vloggers互动。
2、react和vue的区别如下：数据驱动视图在jquery时代，我们需要频繁的操作DOM来实现页面效果与交互；而Vue和React解决了这一痛点，用数据驱动视图方式，隐藏操作DOM的频繁操作。
3、react是Facebook公司创建的js框架，并创新了新的语法，JSX（htmlinjascript），而vue相对来说更容易学习，且使用模板系统，Reat与Vue只有框架的骨架，其他的功能如路由、状态管理等是框架分离的组件。
4、设计思想上的区别（数据是不可变的）react中数据都是进行手动更改达到视图更新，而vue是响应式的进行更改。所以react结合typescript更容易一起写，vue稍微复杂。不过vue0也全面支持typescript。
react跳转当前页面？
vue和react的区别以及优缺点
一.介绍：
react：
他是facebook创建的jascriptUi框架，react与当时流行的jquery等不同，最大的区别就是虚拟DOM节点，加快渲染速度，并且创造了新的写法jsx，也就是允许在js中编写html；
vue.js:
解决问题跟react一致，但是他提供了另外一种方案，vue.js的模板系统就是普通的html，css，js页面，淡化了jsx写法，这样更直观，对于之前的项目重构也更容易；
相同点：
1.都是用于创建ui的js库；
2.都比较轻便；
3.都是组件化思想，组件化开发；、
4.都是虚拟dom，提高渲染速度；
5.都有独立的路由系统，以及独立的状态管理库；
6.都可以放进一个独立的html文件，或者依托于weboack模块；
优势：
vue.js：
1.模板和渲染函数的弹性选择；
2.语法简洁，项目创建简洁；
3.渲染速度快，体积更小；
react:
1.更适合超大型项目，更好的可测试性；
2.同时适用于wen端和原生的；
3.更大的生态圈，维护的群体更大；
前端ui框架AntdForReact(Webpack)总结
###总结一下使用阿里的antd这个ui框架的正确姿势(推荐的按需加载方式)
1.本文针对在现有项目中引入antd
2.二话不说:npminstallantd--se
3.在.babelrc文件中加入:
{
"plugins":[ ["import",{"libraryName":"antd","style":"css"}] ]}
如果.babelrc文件已有其他的plugins，那就将["import",
{"libraryName":"antd","style":"css"}]这段放到plugins数
组里。
4.执行:npminstallbabel-plugin-import--se-dev
.babelrc文件中import是需要安abel-plugin-import插件的。
5.使用:
import{DatePicker}from'antd';
ReactDOM.render(DatePicker/,mountNode);
PS:按需加载方式只需从antd引入模块即可，无需单独引入样式
6.问题:
如果有样式无效的情况,可能是webpack.production.config.js文件中:
module:{
loaders:[
{test:/\.css$/,exclude:/node_modules/,loader: ExtractTextPlugin.extract('style','css!postcss')},]
} 包含了exclude:/node_modules/，这样会排除node_modules文件夹下的样式，去掉exclude:/node_modules/再试试。ReactNative速成002—使用UI框架ReactNativeElementsReactNativeElements是一款ReactNative的UI框架，风格配色均属上乘，框架封装了很多常用组件，用来搭建产品原型非常方便。
它的官方网站是
通过上一节的CRNA创建的，自带了react-native-vector-icons，所以可以非常方便的安装它react-native-elements。
我们首先直接在App.js中试试它的组件吧。
我们先来尝试基础组件，其中有Button，Badge，SocialIcon，Icon等，可以在这里查看它们的使用文档。
基础组件的使用比较简单，直接importfrom'react-native-elements'后调用即可，这里不再详细叙述。我们主要看看一些常用的复杂组件。smart和dumb组件的划分可以看之前的文章。
首先我们来看Card卡片组件，通常用来显示一个或者系列项目。
这里我们在项目文件夹下添加images子文件夹，然后使用
image={require('./images/card.jpg')}添加文件。
同时，也可以指定image的uri来添加
image={{uri:''}}
效果如下：
倘若多个Card一个View里面放不下怎么办？
那我们将要使用ScrollView。
ScrollView
是一个通用的可滚动的容器，你可以在其中放入多个组件和视图，而且这些组件并不需要是同类型的。ScrollView不仅可以垂直滚动，还能水平滚动（通过horizontal
属性来设置）。
这里我们引入它import{ScrollView}from'react-native';
然后将原先的View替换成ScrollView即可。
ScrollView适合用来显示数量不多的滚动元素。放置在ScollView
中的所有组件都会被渲染，哪怕有些组件因为内容太长被挤出了屏幕外。如果你需要显示较长的滚动列表，那么应该使用功能差不多但性能更好的ListView组件。之后我们也会学习如何使用ListView。
react和?
React页面跳转传参
2）发起跳转页面
html方式：
Linkto={path:'/target?id=6666'}XXXX/Link
js方式：
this.props.history.push('/target?id=6666')
3）接受跳转页面
相当于解析地址信息
constid=getQueryVariable(this.props.location.search,'id');
或者
constid=getQueryVariable(window.location.search，‘id');
就可以接受到传递过来的参数（id）
2020-10-08
react跳转到新页面时设置headerreact跳转到新页面时设置header是指在用react开发项目时跳转到新页面设置头部代码，即reader。在用react开发项目的时候，会有大部分页面的头部和底部是相同的内容，只有中间的主体会发生变化。因此造成了需要在每个页面或者组件都加上相同的头部和底部。
React跳转页面传参的做法(Link与push)与差别
做法2特点：
做法3特点：
1、如果A页面到B页面仅仅传递普通字符串，可以使用做法二和做法三；
2、如果A页面到B页面需要传递json字符串，使用方法三。
3、做法一不建议用。
React中路由操作、页面跳转一般适用于，点击按钮或其他组件进行页面跳转，具体使用方式如下：
react-router-redux中包含以下几个函数，一般会结合redux使用：
具体使用时通过发送disppatch来进行页面跳转：
一般在完成某种操作，需要返回上一个页面时使用。
首先定义路由为:
点击跳转到新页面打开一个新的tab：
在新的页面获取路径上的参数：
获取路径参数:
或者
......未完待更
react中路由跳转，当前页面上直接打开新标签页，重新开一个单独的页面当前页面不关闭的情况下，需要重开启一个新页面
1、设置需要跳转页面的路由：router.config.js
2、获取绝对路径实现新标签页开启页面
react怎样跳转到另一个页面跳转的主要方法：
1ponent?中添加这行代码
Viewstyle={styles.loginmain}
Textstyle={styles.logintext}onPress={()=nigator.push({name:'In'})}注册/Text
Textstyle={styles.logintext}onPress={()=nigator.push({name:'Forget'})}忘记密码?/Text
/View
onPress?主要运用于点击中。
2.在运行的主页面中只能运行如下的component?
constthunkMiddleWare=(store)=(next)=(action)={
if(typeofaction==='function'){
returnaction(store.dispatch,store.getState)
}
returnnext(action)
exportdefaultfunction(){
return(
Providerstore={createStore(reducer,lyMiddleware(thunkMiddleWare))}
NigatorApp/
/Provider
)
}
需要注意的是:a.middleware?是中间件的设置,它有固定的格式.
view/?不能包含Nigator/这个标签?但反过来可以。
3.点击跳转的页面的设置代码
functionInComponent({nigator}){
return(
Viewstyle={[styles.fullCenter,{backgroundColor:'#CCC',flex:1}]}
Textstyle={styles.size}onPress={()=nigator.pop()}注册/Text
/View
)
}
functionForgetComponent({nigator}){
return(
Viewstyle={[styles.fullCenter,{backgroundColor:'#CCC',flex:1}]}
Textstyle={styles.size}onPress={()=nigator.pop()}忘记密码/Text
/View
)
}
exportdefaultclassNigatorAppextendsComponent{
render(){
return(
Nigator
initialRoute={{name:'Main'}}
renderScene={this.renderScene}
nigationBar={this.nigationBar}
/
);
}
renderScene(route,nigator){
if(route.name==="Main"){
returnApp?nigator={nigator}/
}
if(route.name==="In"){
returnInComponentnigator={nigator}/
}
if(route.name==="Forget"){
returnForgetComponentnigator={nigator}/
}
if(route.name==='N'){
returnNComponentnigator={nigator}/
}
}
//configureScene(route,nigator){
//?returnNigator.SceneConfigs.FloatFromBottom
//}
总结：
ReactNative结合了Web应用和Native应用的优势，可以使用JaScript来开发iOS和Android原生应用。在JaScript中用React抽象操作系统原生的UI组件，代替DOM元素来渲染等。
react和angular2的区别
Angular2与React的选择其实只是一种风格偏好。React专注于渲染速度且能够在客户端或原生应用内处理复杂的UI设计，而Angular2则更具开发普适性。
angular，angular2都是webAPP做单页面应用的框架。react，严格说起来算是一种mvc的编程方式或者设计模式。抽象成jsx语法。react默认实现是用在web上面。reactnative是react编程模式在Android和iOS上面的两种实现。
Angular是真正的大而全的framework，他有自己一套思路，基本你follow这个思路往里面填代码就OK。React是一个简短有力的library，他只负责解决你某个单一的“痛点”。
两个程序我都用过，下面我来分享一下我的经验。
对于一个深入研究了ES、DOM，喜欢读源码自虐的半吊子程序员；我一般也不会评论某个框架或库好坏。但，从我自身的react开发经验来说，react开发效率不会高于angularjs。
react和vue哪个比较好
1、易于使用：Vue.js包含基于HTML的标准模板，可以更轻松地使用和修改现有应用程序。更顺畅的集成：无论是单页应用程序还是复杂的Web界面，Vue.js都可以更平滑地集成更小的部件，而不会对整个系统产生任何影响。
2、总之，建议学Vue入门，身边有人的情况下可以学习React。
3、这么说吧，个人认为，抛开偏见，中小型项目我推荐使用vue来开发，原因：而对于大型项目，还是推荐react去开发，原因：以上就是我对Vue和React选择的一点见解，欢迎指正。轻拍，别打脸。
4、而React则是一把，你只需要记住：“无论遇到什么样的武功高强之人，只用瞄准，扣动扳机。
Vue和React那个更好?Vue：Vue也使用虚拟DOM，但是和React相比，性能更为优越，而且没有bug。ReactVSVue：框架大小React的体积比Vue.js稍微大一点，大概100KB，Vue则是80KB。框架/库的大小对软件开发项目有深远影响。
运行速度快，相对于React来说，性能着一方面Vue占有绝大优势。根据不同框架优点，我们在实际项目开发选型中一般中小型项目我们会选择使用Vue，大型项目会选择React。
两个框架各有优点，整体来说React更成熟。VUE主要用模板搭建应用，React要求开发者借助JSX创建DOM。VUE简单上手，中小型项目更适合，大型应用选React。
个人推荐选择vue先给你上一个二者对比；Vue上手更简单，特别是从dom和jquery时代过来的程序员，或者习惯模板语言的后端开发，更容易接受Vue。
Web或移动平台：React提供ReactNative平台，可通过相同的React组件模型为iOS和Android开发本机呈现的应用程序。Vue的优缺点：易于使用：Vue.js包含基于HTML的标准模板，可以更轻松地使用和修改现有应用程序。
