react
金翅
这个作者很懒,什么都没留下…
展开
-
react-navigation createBottomTabNavigator5.x 切换TAB刷新界面
RN使用 createBottomTabNavigator 创建底部导航栏时,只会在第一次创建时调用 componentDidMount 钩子,当跳转到另一个页面,点击返回键再次返回到此页面时不会再次调用,但我们往往需要在返回此页面后重新执行获取数据等方法函数。componentDidMount() { this.getIndex(); this._navListener = this.props.navigation.addListener('focus', () => { .原创 2020-12-22 16:28:06 · 464 阅读 · 0 评论 -
react antd Menu刷新页面菜单状态跟随,菜单列表手风琴效果
<Menu theme="dark" mode="inline" onClick={this.handleClickGoTo} selectedKeys={[this.state.selectedKey]} onOpenChange={this.onOpenChange} openKeys={[this.state.openKey]}> ...</Menu>原创 2020-07-13 13:53:02 · 2984 阅读 · 0 评论 -
react axios接口Url封装
方法:let ipUrl = "https://www.***.com/";let servicePath = { Login: ipUrl + "login", // 登录接口 Logout: ipUrl + "logout", // 登出 ChangePassword: ipUrl + "admin_user/change_pwd", //找回密码};export default servicePath;引用:import servicePath fr.原创 2020-07-13 10:48:58 · 518 阅读 · 0 评论 -
react token封装
方法:import axios from "axios";import Cookies from "js-cookie";//cookie插件//token封装const setAuthToken = (token) => { if (Cookies.get("jwtToken") && Cookies.get("jwtToken") !== "") { token = Cookies.get("jwtToken"); } axios.原创 2020-07-13 10:40:52 · 492 阅读 · 0 评论 -
react antd 面包屑导航
import React from "react";import { Link, withRouter } from "react-router-dom";import { Breadcrumb } from "antd";const breadcrumbNameMap = {//跟路由路径保持一致 "/": "首页", "/403": "403", "/404": "404", "/site_manage": "站点管理", "/site_manage/sit原创 2020-07-13 09:43:23 · 5941 阅读 · 8 评论 -
react防止内存泄漏
//防止内存泄漏 componentWillUnmount = () => { this.setState = (state, callback) => { return; }; };原创 2020-07-07 16:41:37 · 425 阅读 · 0 评论 -
react键盘事件回车登录
keyUp = (e) => { if (e.keyCode === 13) { //调用方法 } }; <button onKeyUp={this.keyUp} >登录</button>原创 2020-07-07 16:26:15 · 2292 阅读 · 0 评论 -
react页面元素权限控制
// 当前页面的元素权限集合const array = ["transaction_report_download"]; // 把从后端传过来的权限数组存储在cookies中,在当前页面获取cookies中存储的信息const array1 = JSON.parse(Cookies.get("auth")); // 数组比对取出当前页面权限const auths = [];for (let i = 0; i < array.length; i++) { for (let j = 0原创 2020-07-06 15:36:48 · 907 阅读 · 0 评论 -
React Native win10系统变量设置 附加依赖下载
React Native官方教程完善官方教程没有的一部分java jdk1.8与python2.7依赖的安装,系统变量的设置。大家可以先按官网的完成后回来看这篇博文。这些依赖需要固定版本稍后我会提供给大家,软件安装就一路next就行了。1.找到控制面板/系统安全/系统 点击 高级系统设置2.点击高级/环境变量3.修改的是系统变量4.点击新建增加java系统变量变量名:JAVA_H...原创 2020-04-08 10:37:12 · 196 阅读 · 0 评论 -
react 兄弟组件如何调用对方的方法
最近有一个场景是Child2组件点击让Child1组件里面的state的值发生改变,Child1是一个公用组件,把里面的state值改为props传递,修改内容太多,容易出错,就想找其他的方法来解决兄弟组件调用方法问题,下面看代码:Child1 是第一个子组件class Child1 extends React.Component { constructor(props) { su...转载 2020-01-06 11:41:20 · 2434 阅读 · 1 评论 -
React父组件调用子组件的方法
import React, {Component} from 'react';export default class Parent extends Component { //父组件 render() { return( <div> <Child onRef={this.onRef} />...转载 2019-12-30 11:41:21 · 395 阅读 · 0 评论 -
create-react-app,实现暴露配置,antd按需加载,less引入,主题定制
第一步暴露配置:$ yarn eject第二步实现antd按需加载:$ yarn add babel-plugin-import修改package.json"babel": { "presets": [ "react-app" ], "plugins": [ [ "import", { ...原创 2019-12-19 16:52:16 · 501 阅读 · 0 评论