![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
呆呆bg
时光短暂
展开
-
react-quill的使用
安装npm i react-quill引入import ReactQuill from 'react-quill'; import 'quill/dist/quill.snow.css';state里面写配置 这是我的配置 也可以根据官方配置,这里的图片我用的是自定义上传再插入,特别注意:要改变this指向this.state={ text:"", ...原创 2020-03-11 11:06:54 · 5511 阅读 · 8 评论 -
react 防抖o((⊙﹏⊙))o.
在react中input事件防抖方法还可以做其他事件防抖import React, { Component } from 'react';//防抖方法function debounce(fn, ms = 500) { let timeoutId return function () { clearTimeout(timeoutId) timeout...转载 2019-11-23 16:54:16 · 698 阅读 · 0 评论 -
antDesign+ react 获取输入框中的值
import React,{Fragment,PureComponent} from 'react';import moment from 'moment'; //引入了moment的库import {Input} from 'antd';class InputSave extends PureComponent{ state ={value1:'',value2:''}//在输入...原创 2019-11-22 11:43:29 · 6732 阅读 · 0 评论 -
create-react-app基础购物车功能实现
本文主要利用create-react-app创建项目,react16.8+版本,以及react-router5+版本,配合axios进行数据交互。准备商品列表组件Home.js:import React ,{Component}from 'react';import {NavLink} from 'react-router-dom'import axios from 'axios';im...原创 2019-11-21 20:39:21 · 410 阅读 · 0 评论 -
antd表单设置默认值
在下面这个地方设置 <Form.Item> {getFieldDecorator('username', { //这个地方 initialValue:'Tom', rules: [{ required: true, message: '请输入你的用户名!'}], })( <Input prefix={&l...原创 2019-11-20 19:19:56 · 12326 阅读 · 0 评论 -
react 无状态组件实现todolist Hook 无状态组件ref取表单的值
无状态组件ref取表单的值//val就是dom <input type="text" ref={(val)=>value=val}/> console.log(value.value)//需要使用Hook 16.8新增的import React,{useState} from "react"const Index = (props)=>{ //us...原创 2019-11-15 11:55:36 · 621 阅读 · 0 评论