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

1.安装node.js 　　如果安装了，就请参照第二步；没有的话，去node.js官网下载：https://nodejs.org/zh-cn/download/ 2.检查 　　win键+r ----->打开资源管理器---->输入cmd------>在命令窗口输入node -v和npm -v(是为了检查版本号)  　　　　 　　因为国内使用npm很慢，我们可以使用淘宝的cnpm，同时设置镜像地址 　 ...

#cnblogs_post_body img { max-width: 600px; height: auto } 官网： 　　1）http://jedwatson.github.io/react-select/ 　　2）https://github.com/JedWatson/react-select 　　3）https://www.npmjs.com/package/react-select demo结构： 　　package.json "dependencies": { "react": "^16.12.0", "react-dom" ...

前言 因为项目需要，需要一个可编辑的表格，但是Antd中提供的可编辑表格实在是太繁琐，使用起来实在是太不友好了，所以自己就写了一个简易的编辑表格组件。 第一步 首先，在项目中创建一个EditTable.tsx的文件;在文件中引入需要的模块； PS:本人使用的React Hook + TypeScript来进行开发的； import React, { useState, ...

1.全局安装webpack npm install webpack 然后在启动的时候就会报错          改成带上版本号就不会报错 npm install webpack@3.5.5 -g --unsafe-perm 2.创建package.json文档  .首先新建文件reactWebpacke（这个名字自己随便取），然后在此文件执行下面代码 npm config set regis ...

前言 　　用 Typescript 写 React 可比写 Vue 舒服太多了，React 对 ts 的支持可谓天生搭档，如果要用 ts 重构项目，不像 Vue 对项目破坏性极大，React 可以相对轻松的实现重构。 顺便一提：全局安装的 create-react-app 现已无法再下载完整的 React 项目模版，必须先 npm uninstall -g create-react-app 移除命令 再 ...

  React Navigation： Android 和 iOS 设备上的路由工具，包括手势和动画。 零、环境篇 在使用 react-navigation 之前，我们需要创建一个 react-native 项目。（参考https://reactnative.cn/docs/getting-started）   一、Navigator 的种类和创建 在 web 项目中的 react-router，只负责功能实现，样式是需要开 ...

一.什么是jsx  jsx是语法糖  它是js和html的组合使用  为什么用jsx语法？  高效定义模版，通过babel编译后使用 不会带来性能问题 二.jsx语法转化为js语法    jsx语法通过babel转化为js语法 内部调用了React.createElement()方法    html标签     自定义组件 &nbs ...

目录前言Backend-FlaskFrontend-ReactDoneReferences 前言 新的一年，开始水第一篇技术文。碰巧最近React玩得多，撸一篇文章纪念一下开发环境的搭建。🤔 原文：React+Flask打造前后端分离项目开发环境 开篇两问： 什么是React？：React，用于构建用户界面的 JavaScript 库（官网复制粘贴，真香，不用怎么写template了， ...

一、简介 在前一篇文章中，初步介绍了RN提供的关于相机功能CameraRoll的使用了。很多时候，这种最基础的API有时很难满足功能需求，此时，如果不想重复造轮子，我们可以选择一个完善好用的第三库。react-native-camera就是一个非常不错的关于相机功能的第三方库，使用这个框架基本能满足大多数的需求，现在来简单研究一下。 ...

2020 年谈 React Native，在日新月异的前端圈，可能算比较另类了。文章动笔之前我也犹豫过，但是想到写技术文章又不是赶时髦，啥新潮写啥，所以还是动笔写了这篇 React Native 性能优化的文章。 本文谈到的 React Native 性能优化，还没到修改 React Native 源码那种地步，所以通用性很强，对大部分 RN 开发者来说都用得着 ...

1、params传参(刷新页面后参数不消失，参数会在地址栏显示) 路由页面：<Route path='/demo/:id' component={Demo}></Route> //注意要配置 /:id 路由跳转并传递参数： 链接方式：<Link to={'/demo/'+'6'}>XX</Link> 或：<Link to={{pathname:'/demo/'+'6'}}>XX</Link> js方式：this.props.history.push('/ ...

前言 对源码的解读有利于搞清楚Hooks到底做了什么，如果您觉得useEffect很“魔法”，这篇文章也许对您有些帮助。 本篇博客篇幅有限，只看useEffect，力求简单明了，带您到React Hooks的深处看看 按图索骥找到Hook相关源码（可以直接跳） 首先我们从Github上得到react的源码，然后可以在packages中找到react文件夹，其中的in ...

前言 关于Hook的定义官方文档是这么说的： Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。 简单来说，就是在使用函数式组件时能用上state，还有一些生命周期函数等其他的特性。 如果想了解Hook怎么用，官方文档和阮一峰的React Hooks 入门教程都讲得很清楚了，我建 ...

　　从vue转战react了，今天介绍下第一次用到taro的一个介绍， 　　 　　1、首页要利用小程序的分包subPackages进行设置，首次加载不要太多 配置 1 config: Config = { 2 pages: [ 3 'pages/home/index',//首页 4 'pages/mine/index', // 我的页面 5 'pages/aboutUs/index', // 关于我们 6 ...

1、React路由介绍 　现在我们来搞一搞React中的路由吧，别问我为什么这木喜欢用搞这个字，因为它比较深奥。     注意下面我们使用的是React-Router-DOM     React中的路由基本使用还是满简单的，零碎的小东西有点多，所以我直接把他们揉到一起做了一个小例子，代码我都写上注释了，应该挺简单易懂的 &n ...

本文由葡萄城技术团队翻译并首发 转载请注明出处：葡萄城官网，葡萄城为开发者提供专业的开发工具、解决方案和服务，赋能开发者。   JavaScript每天都在出现大量的框架和工具，而React是除了上次我们提到的Vue和Ember之外另一款比较流行的框架。但因为新的工具每天都在不断的出现，开发者在尝试时总会有些不知所措。 ...

作者：水涛追求技术，但又不失生活的乐趣，过自己想要的生活 React-Redux简介 React-Redux可以使你的React项目拥有全局数据，可以使多个React组件读取到全局数据并且组件中也可修改它。 React-Redux你可以理解为Vue中的Vuex,也是一种全局状态（不懂Vue的这条略过）。 React-Redux由store、action构建函数、reduce ...

　　如题，我们怎么在React或者其他的框架中实现一键复制呢，实际上实现一键复制的代码与框架无关，因为他是用的是原生的API，下面我们用React来实现一下  　   效果： 　　       　　核心代码： 　　　　直接将红框处改为需要复制的元素类名。(获取元素时注意一下我用的是querySelector) ...

有时候看网上各路大神，写如何安装react-devtools，大神就是大神，好多步骤一笔带过，导致一些学习者看的一脸懵逼，今天我给大家讲超级简单的react-devtools安装步骤，相信看过的小伙伴儿不存在懵逼状态，那就开始吧！首先声明一下，必须安装Node哦，都准备学react了，node都不叫事儿了吧，Let's go! 1.首先打开官网：https ...

react中setState方法到底是异步还是同步，其实这个是分在什么条件下是异步或者同步。 1.先来回顾一下react组件中改变state的几种方式： import React, { Component } from 'react' class Index extends Component { state={ count:1 } test1 = () => { // 通过回调函数的形式 this.s ...