react
看淡江湖
这个作者很懒,什么都没留下…
展开
-
antd中对Datepicker的日期组件进行选择后的格式化
<DatePicker placeholder='Select Time' onChange={value => { // 提供中文数字 let cnum = ['零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖', '拾'] function rp (n) { let s = '' .原创 2020-07-21 17:18:49 · 3068 阅读 · 0 评论 -
antd-mobile屏幕适配方案: flexible+px2rem
参考网址:https://www.jianshu.com/p/16cfeb265525原创 2019-08-01 13:12:46 · 3224 阅读 · 0 评论 -
react中引入jquery和animate.css
1、引入jqueryyarn add jquery --save-devimport $ from 'jquery' render() { return ( <div> <h1 className="h1" onClick={()=>{ $('....原创 2019-05-07 16:22:04 · 794 阅读 · 0 评论 -
electron中主进程和渲染进程的交互(react)
项目使用react写的主体逻辑(渲染进程),结合electron打包成exe程序。现在说一下主进程(electron的主文件)和渲染进程(js逻辑)的交互。1、在public/index.html(react)文件中,先引入electron <script> window.electron = require('electron') <...原创 2019-05-09 15:12:33 · 4179 阅读 · 0 评论 -
react路由使用的时候注意
exact这个严格模式需要注意,嵌套路由时候如果使用,会导致子路由显示失败原创 2019-05-09 09:22:50 · 320 阅读 · 0 评论 -
react中引入富文本编辑器wangeditor,react打包项目直接运行文件
1、安装yarn add wangeditor --save-dev2、引入并使用代码:import E from 'wangeditor'<div className="text-area" > <div ref="editorElemMenu" className="editorElem-men...原创 2019-05-06 15:12:33 · 1547 阅读 · 0 评论 -
jsx语法中解析字符串中含有标签样式的问题(react)
代码:<div dangerouslySetInnerHTML={{__html:this.textToEmoji()}}></div>this.textToEmoji()这块代码可以替换为字符串(带有html标签样式的字符串),例如:‘<divstyle="color:red;">这是红色文字</div>’展示效果如下:...原创 2019-05-06 11:44:43 · 1818 阅读 · 0 评论 -
react中打包时解决浏览器缓存的问题
将打包后的文件放到服务器上,浏览器访问就会缓存,单纯的刷新页面是更新不了的,必须进行清除缓存并加载才行,为解决这个问题,打包时对文件新增随机码。这样再打包发布到服务器上,只刷新一下页面即可更新。由于我在项目中用到了electron,而electron打包好后是不能进行刷新的,所以用到了如下方式在配置electron的主窗口的启动页面时候加上随机数,这样每次打开exe应...原创 2019-05-06 11:39:57 · 9138 阅读 · 0 评论 -
react UI 组件库Ant Design of React的使用
学习网址:https://ant.design/docs/react/introduce-cngithub地址:https://github.com/hushaohhy/react-router-dom-demo/tree/future/1.0.2github更改的内容:https://github.com/hushaohhy/react-router-dom-demo/commit/fe...原创 2019-04-25 11:44:09 · 581 阅读 · 0 评论 -
react项目中使用sass样式
本文主要介绍如何在使用create-react-app创建的react项目中使用sass来编写样式文件。本文github:https://github.com/hushaohhy/react-router-dom-demo/tree/future/1.0.11、展示全部文件在项目的根目录下,执行以下命令,将简化版的项目结构全部展示。npm run eject2、在packag...原创 2019-04-25 09:39:37 · 7222 阅读 · 0 评论 -
在react框架中使用redux的总结
参考学习网址:1、https://www.jianshu.com/p/7a867be0594a如何优雅地在React项目中使用Redux2、http://www.ruanyifeng.com/blog/2016/09/redux_tutorial_part_one_basic_usages.html阮一峰本文主要是根据第一个网址中的内容进行学习。本文所写代码的github地址:ht...原创 2019-04-24 17:41:50 · 340 阅读 · 0 评论 -
react框架学习入门(二)
由于之前直接上手的是react-native,因此再来学习react框架的时候感觉轻松不少。本文按照菜鸟教程练习了一些使用方法,仅供参考。github:https://github.com/hushaohhy/react-router-dom-demostudy.js(子组件)// 该组件是菜鸟教程上的学习内容import React, { Component } from 're...原创 2019-04-23 14:56:15 · 190 阅读 · 0 评论 -
react中fetch请求的使用封装
react中推荐使用fetch请求github地址:https://github.com/hushaohhy/react-router-dom-demo一、项目结构二、http相关的js代码http.js代码如下:global.$ = { post: (info) => { var bodyvalue = ""; var ar...原创 2019-04-22 17:06:01 · 2010 阅读 · 0 评论 -
react-router-dom的使用(react框架路由)
一、前言截止目前在网上搜索react路由,有react-router和react-router-dom两种,后来研究发现,后者是前者更新升级后的产物。可以用js代码来控制路由的跳转。官网:https://reacttraining.com/react-router/web/guides/quick-start二、路由的使用以下代码见github:https://github.co...原创 2019-04-22 15:37:48 · 2372 阅读 · 1 评论 -
react框架学习入门(一)
一、前言react框架是前端三大框架之一。学习网址:http://www.runoob.com/react/react-tutorial.html 菜鸟教程二、安装使用create-react-app来快速搭建react开发环境。create-react-app 是来自于 Facebook,通过该命令我们无需配置就能快速构建 React 开发环境。create-react-ap...原创 2019-04-22 17:40:26 · 2107 阅读 · 0 评论