发一个去年做的一个去除票据干扰项的demo,核心处理是移除红色印章,不破坏红印叠加处的文字。

微信公众号首发

只是一个小小demo,还没具体进行进一步优化。

图片 1

也不知道什么时候才有精力继续优化它。

图片 2

现在放出来给大家试用一下效果。

本教程总共6篇,每日更新一篇,请关注我们!你可以进入历史消息查看以往文章,也敬请期待我们的新文章!

放上效果图:

1、React第三方组件1(路由管理之Router的使用①简单使用)—2018.01.22

图片 3

2、React第三方组件1(路由管理之Router的使用②多层级跳转及重定向)—2018.01.23

图片 4

3、React第三方组件1(路由管理之Router的使用③传参)—2018.01.24

图片 5图片 6

4、React第三方组件1(路由管理之Router的使用④按需加载-上)—2018.01.25

demo下载

5、React第三方组件1(路由管理之Router的使用⑤按需加载-下)—2018.01.26

http://files.cnblogs.com/files/tntmonks/GImage.zip

开发环境:Windows 8,node v8.9.1,npm 5.5.1,WebStorm 2017.2.2

(注:可能会被杀毒软件误杀,添加为信任即可)

路由下面还有路由,如何实现?

俺的联系方式如下:

今天来讲下多层级理由的实现及如何重定向!

邮箱: gaozhihan@vip.qq.com

比如我们需要实现,demo2,下面还有两个页面 demo2-1、demo2-2

QQ:200759103

我们打开demo2下面的Index.jsx 页面修改代码,如下:

联系我时请说明来意,不然一律忽略,谢谢。

import Reactfrom ‘react’;

除了IT技术之外,本人也涉猎了很多其他领域的知识,欢迎大家一起来互相探讨学习。

import TodoListfrom ‘./TodoList’;

import {Route, NavLink}from ‘react-router-dom’

const Index = () =>

           demo2-1

           demo2-2

;

export default Index;

我们就看下浏览器效果

已经实现了,但我们发现一个问题:

当点击demo2的时候,页面是空白的!

我们希望他默认选中demo2-1,也就是重定向到 demo2-1

我们优化下代码:

引入 Redirect

import {Route, NavLink, Redirect}from ‘react-router-dom’

加入

      render={() => ()}/>

看下浏览器效果

好,已经实现!

但又发现一个问题,demo2,没有变红,我们希望demo2,是变红的!

我们再来改下代码:

这次需要修改首页路由,如下:

去掉 exact 属性

demo2

再看下浏览器

OK 实现!

我们再来优化下代码:

这里有很多相同一级名称,是可以优化下的!

这里我打印下  match,让大家更直观理解 match 是什么

图片 7

本文完

图片 8

禁止擅自转载,如需转载请在公众号中留言联系我们!

感谢童鞋们支持!

如果你有什么问题,可以在下方留言给我们!

相关文章