![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
写代码的小哥哥
这个作者很懒,什么都没留下…
展开
-
wangEditor3 上传图片到服务器
public function Img() { foreach($_FILES as $k=>$v){ $name=mt_rand(100000000,999999999); $ext=substr($v['name'],-4); $path='/static/uploads/...原创 2020-03-10 16:24:22 · 893 阅读 · 0 评论 -
react antd踩坑 异步的defaultValue 不生效
<Input key={this.state.detail.name} defaultValue={this.state.detail.name} />加一个key原创 2020-03-10 13:47:13 · 4259 阅读 · 8 评论 -
React 使用富文本编辑器
https://blog.csdn.net/weixin_38514634/article/details/89964746转载 2020-03-09 13:37:38 · 932 阅读 · 0 评论 -
React 中使用异步组件
1.安装cnpm i react-loadable -S2.在detail文件中新建loadable.jsimport Loadable from 'react-loadable'import React from 'react'const LoadableComponent = Loadable({ loader:()=>import('./'), lo...原创 2020-03-03 13:55:07 · 410 阅读 · 0 评论 -
React 中结合redux使用axious
1.public/api/api.json{ "success":true, "data":{ "topicList":[{ "id":1, "title":"PHP" }, { "id":2, "title":"C++" }], "artList":[{ ...原创 2020-03-01 13:05:26 · 446 阅读 · 0 评论 -
React 在style.js中使用图片链接
Recommend.js <RecommendWrapper> <RecommendItem imgUrl='https://img-bss.csdn.net /202002271210055590.jpg'/> <...原创 2020-03-01 11:36:09 · 448 阅读 · 0 评论 -
使用redux-devtools-extension
浏览器安装store.jsimport {createStore,compose} from 'redux'import reducer from './reducer'const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;const store=createStore(...原创 2020-03-01 10:22:20 · 514 阅读 · 0 评论 -
React 简书项目开发
1.安装1.npm install -g create-react-app2.create-react-app my-appcd my-appnom start安装慢配置淘宝镜像:npm config set registry https://registry.npm.taobao.org-- 配置后可通过下面方式来验证是否成功npm config get registry...原创 2020-03-01 10:21:34 · 402 阅读 · 0 评论 -
React componentWillMount
1、componentWillMount render之前调用; componentDidMount,在render之后调用2、componentWillMount 每一个组件render之前立即调用; componentDidMount render之后并不会立即调用,而是所有的子组件都render完之后才可以调用3、componentWillMount...原创 2020-02-13 11:26:01 · 1706 阅读 · 0 评论 -
React 路由
安装cnpm i react-router-dom -S引用import {HashRouter,Router,Link} from 'react-router-dom'app.jsximport React from 'react'import {HashRouter,Route,Link} from 'react-router-dom'import Home fr...原创 2020-02-12 20:39:29 · 98 阅读 · 0 评论 -
React input框数值绑定
1import React from 'react'export default class BindEvent extends React.Component{ constructor(){ super() this.state={ msg:'dog' } } render(){ ...原创 2020-02-12 18:43:44 · 993 阅读 · 0 评论 -
React 为按钮绑定事件
组件import React from 'react'export default class BindEvent extends React.Component{ constructor(){ super() this.state={ } } render(){ retur...原创 2020-02-12 16:01:44 · 2885 阅读 · 0 评论 -
React scss和less 启用模块化
1.安装scsscnpm i sass-loader node-sass -D2.webpack配置module: { rules: [ { test: /\.js|jsx$/, use: 'babel-loader', exclude: /node_modules/ }, { tes...原创 2020-02-12 12:23:16 · 1787 阅读 · 0 评论 -
React 全局使用css global
css 代码:global(.test){ font-style: oblique; color: blue;}react代码 <div className={[artcss.one,'test'].join(' ')}>one</div>原创 2020-02-11 21:38:57 · 5597 阅读 · 1 评论 -
react 自定义模块化类名 localIdentName
module: { rules: [ { test: /\.js|jsx$/, use: 'babel-loader', exclude: /node_modules/ }, { test: /\.css$/, use: [ {...原创 2020-02-11 21:37:14 · 473 阅读 · 0 评论 -
React style样式写法
1.export default function ArtItem(propos){ return <div style={{color:'red',fontSize:'32px'}}>{propos.id}-{propos.title}-{propos.content}</div>}2.使用css1.安装:cnpm i style-lo...原创 2020-02-11 21:12:20 · 1937 阅读 · 0 评论 -
class 组件
组件封装listimport React from 'react'import ArtItem from './ArtItem'export default class ArtisList extends React.Component{ constructor(){ super() this.state={ arts...原创 2020-02-11 12:33:47 · 367 阅读 · 0 评论 -
React 创建项目
启动:webpack配置const path =require('path')const HtmlWebPackPlugin=require('html-webpack-plugin') //导入在内存中国呢自动生成index页面插件//创建一个插件的实例对象const htmlPlugin =new HtmlWebPackPlugin({ template:path...原创 2020-02-12 11:55:22 · 90 阅读 · 0 评论