well2049的博客

其实这个我是按照配置scss的方式搞的，没有想到竟然成功了。 创建完项目后，要执行npm eject 也就是打开全部配置项。 找到config里面的两个配置文档。 配置的内容都是一样的。 关于stylus不多解释，网上太多了。文档后缀是 【 .styl 】{ loader: require.resolve('file-loader'),

async/await 是个非常好用的处理的异步的es8新功能。在react中使用也是特别方便的，如果你是通过create-react-app 创建的项目就不要担心浏览器的支持。直接使用即可。直接上代码演示，我的axios是经过封装过后Promise。使用原生的也是一样效果，axios原生返回的也是Promise ，所以可以直接 通过let result = awiat Promise 中...

借一张图先展示下效果：这就是要实现的效果，点击左侧的菜单，实现顶部的tabs 新增删除和激活。代码实现是：

主要介绍安装node环境和react环境依赖安装node环境安装1，官网下载node安装包。安装完成后可以通过以下命令查询安装版本号 node -v ，只要安装成功便会自动安装npm 依赖包管理工具。yarn也是和npm 类似的工具 ，通过npm i yarn -g ，其实，npm 类似于Java中的 maven 工具。注：如果安装遇到问题，就在命令行执行清除npm缓存的命令 npm...

nodeJS设置cookie后获取不到的几种情况分析第一，是否使用了nginx? 如果，真的只是做个端口代理，是不会受影响的。第二，是否使用了axios？ axios默认是不允许设置cookie的，所以如果用了，需要你单独启动一下全局设置 axios.defaults.withCredentials = true;//让ajax携带cookie 在入口的页面设置即可全局使用。第三，n...

Antd 开发后台管理第一次记录通过create-react-app antd-admin 创建react项目安装antd yarn add antd 设置antd 按需加载，需要安装依赖库：yarn add babel-plugin-import安装状态管理工具redux和调试工具：yarn add redux react-redux redux-thunk redux-devto...

在react项目中获取数据的工具比较多，比如fetch axios, 这2个应该是使用最多的，说下我在使用axios 时遇到的问题吧！ 我的需求是要实现，所有的数据请求统一写到一个文档里面比如get-api.js 目的就是后期的维护，方便修改。但是axios 获取到的数据是无法return出去的，所以我的实现方案是这样的： 首先把整个axios.get() 传出去：// get-ap...

在react项目中会使用函数是最基本的，如果是在普通的js文档中用特别简单，但是在react中，函数定义的方式，方法和位置都会决定使用方式的不同。 React项目中定义组件的方式有两种： 第一种就是函数式：function Welcome(props) { return <h1>Hello, {props.name}</h1>;}// 或者const ...

React组件挂载时有关的生命周期函数有以下几个:constructor()componentWillMount()render()componentDidMount()constructor() 构造函数被调用是在组件准备要挂载的最一开始，此时组件尚未挂载到网页上，一般是在这里设置组件的初始状态this.state({})和初始的参数数据。componentWillMount(...

在react中获取表单数据方式比较多，可以就通过监听inputvalue的oncChange 动态修改state里面对应的参数值。<input id="name" type="text" value={this.state.name} onChange={this.getValues} /> <br />如果表单数据比较多10个参数这样一个一个的...

如果用了nodejs 其实直接用proxy 也可以解决跨域，又简单。当然这里说另一种，直接写在头部信息的：app.all('*', function(req, res, next) { res.header("Access-Control-Allow-Origin", "*"); res.header("Access-Control-Allow-Headers", "X-Reques

redux 应该是非常有用的。虽然学习起来挺费劲的，还是值得学下。我根据学习的做个小笔记，免的忘了。首先要安装第三方插件依赖，主要用到下面几个： 第一：yarn add redux react-redux 这是两个，一个是redux 一个是针对react的redux. 第二：yarn add redux-thunk 这个东西是中间件，都说特别好用。 第三：yarn add babel-

我目前使用的antd版本是2.13。现在最新的是3.0.1。 脚手架工具就是create-react-app。创建完成项目后，需添加配置，执行yarn eject 也就是打开配置的文档。 找到config文件夹。里面有2个配置文档， webpack.config.dev.js和webpack.config.prod.js 添加配置时一定要保持文档的一致性。我就是犯了错误，值配置了开发的没有配

第一种：如果函数写在了render上面。就把this绑定到构造函数里面，class App extends Component { constructor(props) { super(props) this.state = { soldiers : ['dad','father','mother'] } /*绑定this到函数里面方式一*/

直接贴个代码：import React, { Component } from 'react';class App extends Component { render() { return ( <div className="App"> <ResFatherData data='FatherData'></ResFatherData> <

执行打包程序后yarn run build 会看到多了一个build的文件夹。只需要把build文件夹部署到服务器即可访问。如果直接打开index.html就会报错，图片和资源加载不到。 我直接把它放到IIS上，做测试后是没有问题。 当然，如果你费用在本地访问，就手动把index.html里面的引用资源理解修改一下即可。也就是把【 /static 】前面的【/】 去掉，也可以访问到页面内容。

scss样式预编译的工具就不多解释，网上的介绍非常多。 留一个牛逼的地址：大漠讲解scss只说在react项目中的配置。 创建完项目后，要执行npm eject 也就是打开全部配置项。 找到config里面的两个配置文档。 配置的内容都是一样的。 代码是：{ test: /\.scss$/, loaders: ['styl

axios 的拦截器配置方式网上已经很多，记录一下，自己总结的最全最好用的配置方式。顺带记录一下登录鉴权验证token的携带，这里需要用到2个第三方插件库 yarn add history browser-cookies 主要是用来路由重定向和获取浏览器的token1，一般都是在发送请求之前拿到登录时后台给返回的token，自己手动设置到拦截器里面的axios.interceptors....