react
Hero_孙
JAVA是最好的语言!
展开
-
react 配置src路径
在webpack.config.js 中配置别名alias: { // Support React Native Web // https://www.smashingmagazine.com/2016/08/a-glimpse-into-the-future-with-react-native-for-web/ 'react-native': 'react-native-web',// 配置本地的路径 '@': path.resol.原创 2021-01-21 11:14:22 · 1057 阅读 · 0 评论 -
react +antd实现 点击区域外触发隐藏该区域
使用到的是 e.nativeEvent.stopImmediatePropagation(); 在构造方法中设置点击所有区域触发的事件 document.onclick = () => this.hideTree();hideTree() { this.setState({isShowTree: false}); }点击icon的区域,显示tree, 点击icon之外的区域, 隐藏tree &l...原创 2020-12-25 15:18:58 · 1441 阅读 · 0 评论 -
react hooks的简单使用
1 useState()buttons.jsimport React, {useState} from 'react';import {Button} from 'antd';export default function Buttons() { const [buttonText, setButtonText] = useState('确定'); function handleClick() { return setButtonText('点击完成');原创 2020-09-22 15:45:25 · 119 阅读 · 0 评论 -
创建reactApp并打包
版本要求Node >= 8.10npm >= 5.6执行npx create-react-app my-app命令执行完成会生成一个 my-app目录cd my-appnpm start执行完成之后,会自动访问打包修改package.json添加"homepage":"."在package.json同级目录下执行 npm run build执行完成之后,会生成build目录, 目录内容如下 (npm版本6.14.6,...原创 2020-09-21 11:29:07 · 434 阅读 · 0 评论 -
使用react-selectable-fast实现时间拖动选择的功能
使用到的资源react-selectable-fastantdreact/** * @file modules/adlib/plan/EditFormantd * @author shj */import { Form, Input, Switch, DatePicker, message, Button} from 'antd';import {utils} from 'baidu-acu-react-common';imp原创 2020-08-07 14:13:48 · 1390 阅读 · 2 评论 -
react禁用浏览器的回退功能
componentDidMount() { window.addEventListener('popstate', function () { history.pushState(null, null, document.URL); }); }原创 2020-06-10 10:50:01 · 2334 阅读 · 0 评论 -
antd的使用(文件上传)
需求: 将本地文件通过上传接口上传使用的工具: react, antd,<FormItem {...formItemLayout} label="营业执照1" > {getFieldDecorator('license1', { })(<Upload ...原创 2019-12-31 10:54:14 · 2926 阅读 · 0 评论 -
react 学习
/** * @author shj * @file react index */import React from 'react';import ReactDOM from 'react-dom';// hello world 显示const name = 'shj';const element = <h2> react {name}</h2>;Rea...原创 2019-07-31 11:31:49 · 138 阅读 · 0 评论