react
文章平均质量分 76
Volon Kou
这个作者很懒,什么都没留下…
展开
-
React+Electron快速创建并打包成桌面应用
npm start之后浏览器会自动打开网址 http://localhost:3000/ ,出现react项目的页面了。首先使用creat-react-app脚手架来创建一个react项目。npm run electron-start之后会自动出现桌面应用。然后打包react代码,根目录会多出一个build文件夹。1.在项目根目录新建main.js。2.配置package.json。3.启动electron。原创 2022-11-30 15:10:04 · 2439 阅读 · 6 评论 -
React Hooks 异步操作踩坑记
React Hooks 是 React 16.8 的新功能,可以在不编写 class 的情况下使用状态等功能,从而使得函数式组件从无状态的变化为有状态的。 React 的类型包 @types/react 中也同步把 React.SFC (Stateless Functional Component) 改为了 React.FC (Functional Component)。通过这一升级,原先 class 写法的组件也就完全可以被函数式组件替代。虽然是否要把老项目中所有类组件全部改为函数式组件因人而异,但新写原创 2021-06-28 16:25:15 · 719 阅读 · 0 评论 -
react 读取excel中的内容并解析成json格式的
引用xlsx库来完成这个功能下载库:npm下载可能会报错,用yarn正常npm install xlsx --save//oryarn add xlsx模块导入:import XLSX from 'xlsx';基础代码: <input type="file" onChange={this.HandleImportFile} />处理逻辑:HandleImportFile = (e) => { let { files } = e.target //原创 2020-07-07 17:42:32 · 1738 阅读 · 0 评论 -
React 富文本编辑器
参考网站:https://braft.margox.cnGitHub:https://github.com/margox/braft-editor# Install using yarnyarn add braft-editor# Install using npmnpm install braft-editor --save代码引入:import 'braft-editor/di...原创 2020-04-07 13:44:17 · 243 阅读 · 0 评论 -
React父组件调用子组件的方法
import React, {Component} from 'react';export default class Parent extends Component { render() { return( <div> <Child onRef={this.onRef} /> ...原创 2020-03-23 22:46:12 · 127 阅读 · 0 评论 -
react配置eslint让代码更规范
1.安装eslint-plugin-react-hooksnpm i eslint-plugin-react-hooks -D2.配置eslint,在package.json 文件中原创 2019-06-17 15:14:32 · 1533 阅读 · 0 评论 -
快速创建react项目
npx create-react-app ReactDemo1.node 新版本自带npx2.使用npx是为了减少全局安装对硬盘的占用量原创 2019-06-17 11:07:16 · 196 阅读 · 0 评论 -
axios调用多参数API
componentDidMount(){ axios({ method:’get’, url:’http://route.showapi.com/341-1‘, //参数 params:{ showapi_appid:’33421’,原创 2017-07-02 21:51:29 · 699 阅读 · 0 评论 -
axios
axios基于http客户端的promise,面向浏览器和nodejs特色浏览器端发起XMLHttpRequests请求node端发起http请求支持Promise API监听请求和返回转化请求和返回取消请求自动转化json数据客户端支持抵御安装使用npm:$ npm i axiso 使用 bower$ bower instal axios 使用cdn示例使用一个 GET 请求//发起一个use转载 2017-07-02 00:01:11 · 502 阅读 · 0 评论 -
react子组组件传值给父组件
例子:子组件import React, { Component } from 'react'export default class Item extends Component { constructor(props) { super(props) this.state = { page: 0 } } //用传过来的changePage属性(props...原创 2018-05-07 17:14:23 · 959 阅读 · 1 评论 -
react地址三级联动
import React from "react"import axios from "axios";class CeshiContainer extends React.Component { constructor(props) { super(props); this.state = { data: [], ...原创 2018-03-15 11:32:28 · 3070 阅读 · 0 评论 -
react生成二维码
import React from "react"const QRCode = require('qrcode.react');class Gopay extends React.Component{ constructor(props){ super(props) this.state={ url:"" }原创 2018-01-10 16:10:02 · 6016 阅读 · 0 评论 -
js节流
window.addEventListener('scroll', function () { if (this.props.isLoadingMore) { return } if (timeoutId) { clearTimeout(timeoutId)原创 2017-12-19 20:53:15 · 387 阅读 · 0 评论 -
mock server
使用mock server模拟数据文件结构: 一、jsonServer代码:const jsonServer = require('json-server');const server = jsonServer.create();const router = jsonServer.router('./mock/mock.json');const middlewares = jsonServ原创 2017-10-11 11:22:18 · 522 阅读 · 0 评论 -
NODE_ENV不是内部或外部命令,也不是可运行的程序
NODE_ENV不是内部或外部命令,也不是可运行的程序解决办法:安装across-env:npm install cross-env –save-dev 在运行命令加前缀:在NODE_ENV=xxxxxxx前面添加cross-env就可以了。 例如:原创 2017-07-18 08:57:04 · 18900 阅读 · 0 评论 -
react报错解决办法
react在加载时会在后台出现类似错误:Warning: LikeButton: React.createClass is deprecated and will be removed in version 16. Use plain JavaScript classes instead. If you're not yet ready to migrate, create-react-class is availa原创 2017-06-02 20:36:33 · 1052 阅读 · 0 评论