react-redux
文章平均质量分 69
M_Eve
这个作者很懒,什么都没留下…
展开
-
通过dumi + verdaccio搭建私有组件库
搭建组件库,并发布到私有服务器原创 2022-08-16 10:04:35 · 847 阅读 · 0 评论 -
react 实现组件全屏
在浏览器中访问页面,需要对页面中的其中一个组件能够实现全屏展示直接看代码import React, { Component } from 'react';const rootRef = React.createRef();class Test extends Component { componentDidMount() { // 监听页面全屏事件 window.onresize = () => { if(docum原创 2020-07-12 14:06:45 · 3086 阅读 · 1 评论 -
react引入渲染markdown文件
因为需要在项目中添加更新日志,而一般更新日志都是markdown文件,所以需要实现在react中引入并渲染markdown文件。1. 安装依赖npm install react-markdown2. 使用,可能会发生两种情况,第一种是直接引入的markdown文件不能被识别,需要通过fetch来获取文件内容,如下import React from 'react';import...原创 2020-04-19 14:18:54 · 4502 阅读 · 5 评论 -
js 使用 XLSX 导出json数据为表格
最近需要实现将json数据导出到excel中,研究了一下,最终决定使用 sheetjs 的 xlsx插件,下面是具体安装使用步骤。1. 安装,先在命令行中输入如下命令npm install xlsx2. 引用import * as XLSX from 'xlsx';3. 使用 // 将数据导出到excel表格里 handleDownload() { //...原创 2020-04-19 13:57:48 · 1840 阅读 · 1 评论 -
react实现贪吃蛇小游戏
之前看别人写小游戏觉得很厉害,正好最近闲来无聊,就写了个入门级的小游戏,贪吃蛇。当你开始实现的时候,会发现其实并没有你想的那么难。下面进入正题。项目源码见:https://github.com/Eveveen/react-snake1. 首先画出背景2. 然后初始化初始蛇的位置,蛇为黑色,食物为红色renderBackground() { // 其中 size = {row...原创 2019-03-23 11:31:24 · 819 阅读 · 0 评论 -
css实现滚动条
<!DOCTYPE html><html xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"><head> <meta charset="UTF-8"/> <style type="text/css"> .inn原创 2018-09-06 14:54:16 · 770 阅读 · 0 评论 -
react找到对象数组中指定的值
找到对象数组中指定的值var array = [ { label: "Custom", value: "0" }, { label: "Admin", value: "1"} ]要找到array中value为0的label值var a = array.find(item => item.value == 0);var label = ...原创 2018-04-18 14:10:35 · 8192 阅读 · 0 评论 -
react国际化时使用变量
react使用react-intl-universal中的intl进行国际化,在国际化的时候使用变量国际化文件中en-US.json"infoTip": "The info of “{title}” for segment “{segmentName}” should not be null."jsx文件中intl.get("infoTip", { title: ("标题"), segmentNa...原创 2018-04-18 14:09:14 · 1734 阅读 · 0 评论 -
react实现定时器
class Timer extends Component { state = { seconds: 0 } tick = () => { const { seconds } = this.state; this.setState({ seconds: seconds + 1 }...原创 2018-01-29 10:41:45 · 7315 阅读 · 0 评论 -
react父组件与子组件进行通信
在使用react组件时,父子组件之间经常需要进行通信,那么是如何具体实现的呢? 如下:父组件:class Parent extends Component { constructor(props) { super(props); this.state = { childA:"" }; } handl原创 2017-11-23 12:02:53 · 1102 阅读 · 0 评论 -
react实现两个方法同时执行时,其中一个能够调用另一个的执行结果
react如何让两个方法并行执行,而不是等其中一个完成了整个流程之后才能使用其执行后的结果如同时执行 this.handleA(); this.handleB();handleB中想要调用handleA执行后的一个结果 result。如果直接同时调用this.handleA(); this.handleB(); handleB中并不能使用handleA执行的结果,因为handleA需要原创 2018-01-17 17:48:29 · 7294 阅读 · 0 评论 -
Redux-form中textField设置为不可编辑
有的时候textField设置了初始值之后,并不想被修改,那么如何将其设置为不可编辑呢?在我上一篇文章 http://blog.csdn.net/m_eve/article/details/77896254 的基础上,修改如下几个值首先,在renderField中添加disabled属性,constrenderField = ({ input disabled}) => (原创 2017-09-21 16:39:09 · 1029 阅读 · 0 评论 -
Redux-form中为field设置默认值initialvalue
尝试了很多种方法想要为field添加默认值,刚开始先使用了placeholder,但是并不能直接编辑,只能起到提示信息的作用,后来终于找到了解决办法,如下:import React, { Component } from 'react';import { Field, reduxForm } from 'redux-form';import { connect } from 'react-原创 2017-09-08 16:44:42 · 5468 阅读 · 0 评论