React论坛 今日: 0|主題: 520|排名: 78 

route是配置，link是使用 https://blog.csdn.net/chern1992/article/details/77186118（copy） 嵌套路由一般使用Route,类似于vue中的作为嵌套路由的渲染，可以直接通过固定路由进入某一局部，等同于局部切换 // index.js // ... render(( <Router history={hashHistory}> <Route path="/" component={App}> {/ ...

一 开始 1 全局安装脚手架 npm install -g create-react-app 这有个坑，就是在window下安装一直会报错，报错信息如下： 解决办法：在开始菜单栏里打开cmd的时，右击选择“以管理员身份运行”。然后再在打开的cmd里运动install就没问题了。   2 通过脚手架搭建项目 create-react-app <项目名称>   3 开始项 ...

前记：最近真的挺忙的，一件事接着一件，都忘了我的React项目，尽管这是一个没写概率没写离散的夜晚，我决定还是先做做我的React 好了，进入正题 项目需求，需要导入和导出表单，发现前端已经强大到无所不能（可惜我有点懒，学的并不勤快） 因此使用到js-xlsx，附上github地址:https://github.com/SheetJS/js-xlsx 导入表单 ...

目录基本概念State Hook函数式更新Effect Hook性能优化Hook 规则自定义 Hook 基本概念 Hook 是能让你在函数组件中“钩入” React 特性的函数，它们名字通常都以 use 开始。 Hook 使用了 JavaScript 的闭包机制，而不用在 JavaScript 已经提供了解决方案的情况下，还引入特定的 React API。 State Hook function ExampleWith ...

React的介绍：        React来自于Facebook公司的开源项目        React 可以开发单页面应用       spa（单页面应用）        react 组件化模块化  开发模式     &nbs ...

一、React项目起步配置 官网：https://reactjs.org/ 文档：https://reactjs.org/docs/hello-world.html 中文：http://react.css88.com/ 2013年被开源，2014年在中国彻底火爆。   React是CMD架构，现阶段需要webpack打包 npm install -g webpack@4.9.1 必须安装以下三个依赖： npm install --save-dev babel-core ba ...

一、使用前的准备 $ npm install jquery $ npm install expose-loader   $ npm install orgchart $ npm install font-awesome   二、对应js页面demo import React, { Component } from 'react'; import PageHeaderWrapper from '@/components/PageHeaderWrapper'; import $ from 'jquery'; import 'orgchart'; i ...

全局配置 1 安装axios npm install axios -S 2 安装cookie npm install react-cookies -S 3 src文件目录下新建文件夹api 4 api 下新建statecode.js //该页面用来返回请求状态 export default { "-1": "系统繁忙", "0": "请求成功", "1001": "资源已存在", "1002": "参数错误", "100 ...

调用后返回上一页&&跳转至当前页 this.props.history.goBack(); 返回 this.props.history.push("/index/setting/basicsetting"); 跳转 this.props.history.go(-1) 跳转 当使用时出现以下错误Cannot read property 'push' of undefined, 因为父组件调用子组件定义的跳转事件时,要传递history，这里history未定义 (比 ...

一、基本概念 要想在html文件里面书写和使用react，必须要明白三个方法和概念 React这个是react的核心语法，是关键 ReactDOM这个是react操作DOM的特殊方法，ReactDOM.render() Babel这个是解析es6语法的工具，让老旧浏览器能够识别 那要获取这三个方法和概念，可以去下载响应的文件引入，也可以通过CDN引入，推荐CDN引入 <s ...

项目的话，是想打开蓝牙，然后连接设备 点击已经连接的设备，我们会看到一些设备 不过我这边在开启蓝牙的时候报错了 先放作者的项目地址： https://github.com/hezhii/react-native-ble-demo 然后我们来分析代码 根入口文件是 //react-native-ble-demo/ble_central/index.js import { AppRegistry } from 'react-native' ...

import * as React from 'react' import { Layout } from 'antd'; import creatHistory from 'history/createHashHistory' //返回上一页这段代码 const history = creatHistory();//返回上一页这段代码 import './index.less' const { Header, Sider, Content } = Layout; export interface IProps { test?: any ...

最新版本的react-native中，官方表示将要移除 AsyncStorage，推荐使用@react-native-community/async-storage，好吧官方经常这么干   按照官方提示 yarn add @react-native-community/async-storage react-native link @react-native-community/async-storage 好吧，果然不负众望的报错了 错误信息如下 in ...

富文本编辑器TinyMCE的使用(React Vue) 一,需求与介绍  1.1,需求      编辑新闻等富有个性化的文本  1.2,介绍 TinyMCE是一款易用、且功能强大的所见即所得的富文本编辑器。 TinyMCE的优势： 开源可商用，基于LGPL2.1 插件丰富，自带插件基本涵盖日常所需功能 接口丰富，可扩展性强，有能力可以无 ...

笔者本人其实对react的项目经验很少，主要是用Angular框架。前段时间和同学合作做了一个酒店加盟平台项目，我负责后台管理系统，采用的是Angular框架。他负责微信小程序，采用react框架。但随着项目的进行，我发现他的项目文件我一时难以理清，整个项目结构比较零散。只有他自己对自己的项目很熟悉。我也提出了一些疑问，说 ...

1引入react-router-dom包（前面属讲解部分，可以直接拉至下方看demo） npm install react-router-dom --save 或者 yarn add react-router-dom 2 创建并暴露router.js文件，并在index.js里引入，之后在其他页面使用Link便可。页面模板如下 这是index.js页面 import React from 'react'; import ReactDOM from 'react-d ...

概述 习惯了IDEA写代码，也不想在下一个webstorm，而且IDEA是webstorm的父集，webstorm能干的，IDEA应该也是可以的。本篇随便记录下idea下的react的环境搭建。 环境 windows 10 intellij IDEA 2017.3 node.js  9.9 安装 node.js安装基本是傻瓜操作，在这不详细描述。安装完后，windows已经默认有node环境配置。 因为n ...

原文地址：https://github.com/xieqingtian/blog/issues/2 由于本人主要是做react开发，用的代码编辑器是传说中的宇宙第一前端神器vscode, 所以在这里记录并推荐一些本人开发过程中常用的一些vscode插件帮助开发。 1. 代码提示类插件 1.1 Reactjs code snippets 1.2 React Redux ES6 Snippets 1.3 React ...

1、首先创建一个公共的组件，封装websocket 代码如下 /** * 参数：[socketOpen|socketClose|socketMessage|socketError] = func，[socket连接成功时触发|连接关闭|发送消息|连接错误] * timeout：连接超时时间 * @type {module.webSocket} */ module.exports = class webSocket { constructor(param = {}) { ...

React性能优化（一） 在最近的工作中我们发现开发一个已经持续开发了一年的React应用在IE11浏览器和一个老旧的安卓设备上工作不是特别流畅，这引起了我们的注意，决定抽出一些精力对代码做一些优化。虽然我们在日常开发中已经有意识的去写高质量、高效率的代码，但是由于开发人员的计算机性能都很好并且经常调试使用的chrom ...