react
1登峰造极
一个很拉胯的前端,呜呜呜
展开
-
史上最简单的react脚手架搭建
1.需要安装node的环境,这个步骤就不详细说了,当安装万Node以后在cmd命令行输入 node -v查看node的版本。2.通过 npm 使用 React,我们建议在 React 中使用 CommonJS 模块系统,比如 browserify 或 webpack,本教程使用 webpack。国内使用 npm 速度很慢,你可以使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默原创 2017-10-21 10:03:30 · 2222 阅读 · 0 评论 -
react中tab选项卡切换
直接上代码 不用的组件可以删了import React from 'react';import { NavLink} from "react-router-dom";import Otherbanner from '../otherbanner/index.js';import Header from '../../header/index.js';import Footer...原创 2019-04-03 11:43:52 · 3850 阅读 · 2 评论 -
react中 map便利后的数据添加点击事件如果需要传递参数怎么写
MMp 的新手是不是都在找这个问题,话不多说直接上代码找了多少博客没有看懂 你们能写点通俗的,新手看得懂的不行吗这次你说看不懂 我真不信className={this.state.isSelect === i ? 'activeted' : '' //用不上不要复制进去了 我是点击添加样式用的this.setCur = this.setCur.bind(this)//这个用来干啥的还...原创 2019-04-08 17:46:06 · 1733 阅读 · 2 评论 -
react过滤后台富文本传来带标签的内容 react中像vue中v-html的方法
react过滤后台富文本传来带标签的内容 react中像vue中v-html的方法原创 2019-03-28 16:08:02 · 6131 阅读 · 0 评论 -
render方法中map循环添加点击事件需要传参数,但是又报错问题
当你像js中一样在循环中onClick=fu(实参)fu(形参) 时,但是在react中问题就来了,在react中应该这样操作首先需要在render(){ //render下面修改this let self = this; }循环的数据{this.state.hotlists.map(function (item, index) { return (...原创 2019-04-01 16:51:36 · 1095 阅读 · 0 评论 -
react中Link传递多个参数 一看就懂
废话不多说没直接上最直接最简单的代码例如a.js 要传到b.js页面路由表中直接配置 可以忽略,Link的时候写对就行import React from 'react';import { HashRouter, Route} from 'react-router-dom';import Wenda_detail from '../content/wenda_detail/inde...原创 2019-04-01 16:39:20 · 6752 阅读 · 4 评论 -
react中常用的东西 模板很实用的东西
///////////////////////------------绑定事件-----------------------/////////////////////////import React from 'react';import { NavLink} from "react-router-dom";class Index extends React.Component{...原创 2019-04-10 10:52:29 · 710 阅读 · 0 评论 -
react中用Link to 传值
在项目中我们都会从上一个页面跳转到下一个页面,并且传递参数比如列表页点击跳转到详情页中,详情页需要列表页的id来获取内容~~我一般都是这样获取参数的~~列表页如下这里就直接写列表页的循环countData就是后台拿到的对象,这里都不多说了 {this.state.countData.map(function (item, index) { ret...原创 2019-03-22 17:53:06 · 7228 阅读 · 2 评论 -
最简单一遍就会的react脚手架搭建,标准的package.json文件以及webpack.config.js文件
相信网上有各种react的脚手架搭建的教程,但是各位刚入门的同学看了都眼花缭乱,不是文件路径,就是各种问题,我只发一篇最简单的不要用什么 npm init 啥的来搞1.在桌面上建立一个文件夹2.直接在里面建立package.json文件,里面的代码如下直接复制如下这个已经够用,如果需要其他依赖可以自己增加步骤:打开与node_modules平级的目录 npm install name...原创 2019-03-25 15:07:59 · 2540 阅读 · 2 评论 -
命令行删除 node_modules
1.先安装删除工具npm install rimraf -g2.使用删除命令rimraf node_modules原创 2019-03-25 09:58:12 · 23442 阅读 · 0 评论 -
React的原理
1.在Web开发中,我们总需要将变化的数据实时反应到UI上,这时就需要对DOM进行操作。而复杂或频繁的DOM操作通常是性能瓶颈产生的原因(如何进行高性能的复杂DOM操作通常是衡量一个前端开发人员技能的重要指标)。React为此引入了虚拟DOM(Virtual DOM)的机制:在浏览器端用Javascript实现了一套DOM API。基于React进行开发时所有的DOM构造都是通过虚拟DOM进行,每翻译 2018-01-12 17:31:39 · 1246 阅读 · 0 评论 -
# react中父子组件之间的通讯,一看就懂
reacr中父子组件之间的通讯,一看就懂1.首先我们通过class的方式声明父组件PopularizeList 在上面用const声明一个子组件PopularSuccess 注:我一般喜欢用const来声明子组件,看个人习惯 在这里的你前提要了解props的作用,看看菜鸟教程一下知道,如果你还是不懂,记住用这个东西来像父组件中取值就行,就是这么简单粗暴。 下面来看找哥哥demo,impor原创 2017-10-22 13:01:53 · 1126 阅读 · 0 评论 -
react的es6最新中表单详解,input select下值的获取
1.首先我们应该清楚两个东西,state和setState ,一个是状态,一个是设置状态,我们就可以在状态中添加一些默认的数据,然后用setState来改变state,此时,会触发render()从新来渲染页面,代码如下:命名很乱,能懂意思就行,import React, { Component } from 'react';class App extends Component {constr原创 2017-10-21 10:50:52 · 18546 阅读 · 4 评论 -
react中Context的用法,一看就懂
举个例子 ,假如有三个组件,爷爷组件,父亲组件,孙子组件,如果孙子组件要拿到爷爷组件的中的一个值,就组要从爷爷组件传到父亲组件在传递到孙子组件才能拿到,万一富组件中有孙子的孙子组件,那就是一级一级的传递这样就显的很麻烦react中使用Context就解决了这个问题安装//安装npm install prop-types --save//引入import PropTypes fr...原创 2019-05-14 15:12:44 · 6260 阅读 · 1 评论