#React

react-redux 的总结

  第一步,我们将我们要使用的插件来先一步进行安装    create-react-appapp //在这里我们使用了react的脚手架来搭建的项目    cdapp      //进入我们的项目    npmi-Sredux   //这里时我们需要下载的redux组件通信的插件    npmi-S...
代码星球 代码星球·2021-02-12

react 脚手架 及路由和 redux

  前提是我们需要下载nodejs   使用npm下载react的脚手架,react-router-dom,redux    全局下载react的脚手架:npmicreate-react-app-g    使用react脚手架创建一个app的项目:create-react-appapp  ...
代码星球 代码星球·2021-02-12

react 的基础知识

  react是目前最流行的框架;  其中是采用mvvm的思想,让我们把所有的只关注视图层和逻辑层,从而可以更好的书写代码;  在react中我们的html结构也是通过js来实现的,而且在nodejs中我们也是通过js来实现的服务端,由此可见js的能力也是逐渐的变大;  react的创始人:Facebook;js的创始...
代码星球 代码星球·2021-02-12

react 的定义组件(了解)

  react中定义组件的方法    1.定义组件React.createClass()  (被淘汰了)      定义组件中的函数methods的中的this统统指向组件    2.函数定义组件      定义的组件时无状态的,没有state的状态,没有生命周期,就是一个纯粹的静态页面,不能访问this    3.c...
代码星球 代码星球·2021-02-12

React 脚手架

  React脚手架,来让我们快速的搭建起来一个React的项目  1.全局安装React的脚手架    npmi-gcreate-react-app  2.创建项目    create-react-app项目名  3.进行项目指令:    cd项目名  4.运行项目:    npmstart   这样我们R...
代码星球 代码星球·2021-02-12

React 番外篇

  小技巧:如果我们想了解一门技术,不知道如何学习,那就在BOSS直聘上,来看看对这门技术的要求  这篇给大家讲的是React1.0的初始版本,仅仅是让大家有个了解,毕竟回顾历史,我们才能找到他最初的样子;  React是FaceBook来发明及维护的  React的特点:1.jsx语法,2.ReactDOM.rend...
代码星球 代码星球·2021-02-12

React-router v4 使用 history 控制路由跳转

原文地址: https://github.com/brickspert/blog/issues/3102 (如果你觉得对你有帮助,可以去github上点个star哦。)github上会更新,这里不更新当我们使用react-routerv3的时候,我们想跳转路径,我们一般这样处理我们从react-ro...

Vue与Angular以及React的三者之间的区别

1、与AngularJS的区别相同点:都支持指令:内置指令和自定义指令;都支持过滤器:内置过滤器和自定义过滤器;都支持双向数据绑定;都不支持低端浏览器。不同点:AngularJS的学习成本高,比如增加了DependencyInjection特性,而Vue.js本身提供的API都比较简单、直观;在性能上,AngularJ...

webstrom编辑react语法报错解决

问题:解决办法:1.把JavaScript的版本设置为JSXHarmony。     2.把<script>type类型改为:text/jsx   ...

初识React

React是Facebook开源的一个用于构建用户界面的Javascript库,已经应用于Facebook及旗下InstagramReact专注于MVC架构中的V,即视图React引入了 虚拟DOM的概念:开发者操作虚拟DOM,React在必要的时候将它们渲染到真正的DOM上在引入React库之后,开发API...
代码星球 代码星球·2021-02-01

React 源码中的依赖注入方法

一、前言依赖注入(DependencyInjection)这个概念的兴起已经有很长时间了,把这个概念融入到框架中达到出神入化境地的,非Spring莫属。然而在前端领域,似乎很少会提到这个概念,难道前端的代码就不需要解耦吗?前端的代码就没有依赖了?本文将以React的源码为例子,看看它是如何使用依赖注入这一设计模式的。二...

react中的路由模块化

在vue中,可以将路由单独写在一个配置文件中,便于整理维护,而在前面总结整理的react中,都是直接将路由配置放在需要使用的地方,少数的时候话可以接受,但是当项目做大,这种方式就不再被推荐了,我们再react中,也可以向vue那样,将路由配置模块化,然后在需要使用的地方引入就可以了。本次路由模块化整理使用的是上一篇的项...

react路由嵌套

所谓的嵌套路由就是在某些以及路由下面存在二级路由,这些二级路由除了公用一级路由导航模块外,还公用当前的二级路由的导航模块,也就是部分进行了切换,要实现嵌套路由,首先回顾之前的内容,实现基本的react路由,如下所示:1,创建项目:npxcreate-react-appreact-router2,安装路由:npminst...
代码星球 代码星球·2021-01-26

react中的数据请求

 在react中,没有提供专门的请求数据的模块,所以我们可以采用第三方请求数据的模块进行数据请求,常见的有axios和fetch-jsonp,下面来总结这两种方式的用法。查看文档https://github.com/axios/axios创建项目1,使用npxcreate-react-appreact-rou...
代码星球 代码星球·2021-01-26

react路由传值

在上一篇总结了react中路由的基本用法,实现了基本的页面跳转,但这肯定是不够用的,比如说在新闻列表页面,点击某一条新闻,希望页面能跳转到新闻详情页,又该如何实现呢?首先继续上一篇的项目,添加一个新闻详情页面组件content.js然后在根组件App.js中配置路由:最后,修改新闻列表组件News.js &n...
代码星球 代码星球·2021-01-26
首页上一页12345...下一页尾页