腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

jiajia_deng

专栏作者

383

文章

281418

阅读量

38

订阅数

在 react-router 环境下使用 antd-mobile tabbar

react antd mobile router tabbar

本文阐述了如何在一个使用了 react-router 的 react 项目中合理的使用 antd-mobile tabbar 功能。在 antd-mobile 官方的例子中可以看到，只需要将不同的组件放置到每个 TabBar.Item 里面就可以了，这样就可以实现简单的切换效果，但是存在几个问题。一个是切换过程中，路由是不会跟着切换的。比如我们想分享一个地址，当其他人打开这个地址时自动就跳转到第二个 tab 上。如果按上面的方法做是无法实现的。另外一个问题是这样的设计不太符合大型项目的框架设计，我们往往会制作一些 layouts，给不同的组件匹配不同的 layout。如果按上面介绍的方法做，也是不好实现的。综合以上两点问题，再加上 Google 了一些资料后，写下本文，以帮助更多遇到类似问题的人。

我与梦想有个约会

2023-10-21

2320

react-router 中 IndexRoute、IndexRedirect 的区别介绍

react 渲染 router 路由设计

本文内容引用了 react-router v3 的文档介绍来举例说明，内容并不重复，我们会以项目开发的角度来分析这两个功能的实际作用，更有助于理解和使用这两个功能。

我与梦想有个约会

2023-10-21

1050

React 项目中使用 highstocks

react 接口数据数组图表

highstocks 是一个功能强大且丰富的股票资讯类图表的库，其具有代表意义的项目还有 highcharts 和 highmaps。我最近在做一个股票资讯类的项目，所以需要用到这个图表库，由此篇文章开张记录下使用该库的各种问题和小技巧。方便以后他人遇到问题及时解决。首先我们就来谈一谈如何在 react 项目中使用它。

我与梦想有个约会

2023-10-21

1990

使用 Fontawesome 的 React 组件

react css 函数框架图表

Fontawesome 是一套图表字体库框架，我们经常在项目中用到它的各式各样的图标，本文介绍的是如何使用其 React 组件形式的包应用到项目中。

我与梦想有个约会

2023-10-21

2070

React 学习笔记之创建 React 项目

react app 编译函数学习笔记

在 src/index.js 中有如下代码，程序首先导入了 React 和 ReactDom 模块，并导入了一个当前目录下的 App 模块。随后在代码中使用 ReactDOM.render 将 App 模块渲染到了界面上。这个 App 在 React 中称为组件(component)。而这个组件渲染到什么位置则是第二个参数 document.getElementById(‘root’) 决定的，它从 index.html 中获取到了 root 节点，并将 App 插入到 root 节点下。

我与梦想有个约会

2023-10-21

2130

React 学习笔记之属性 props

react 渲染函数数据学习笔记

React 的每一个组件都可以包含一些数据，这些数据一般情况下都是父组件传递进来的。这个过程就像我们给一个可变参数的函数传递参数一样，只不过组件内部接受到这些参数时，都是在 this.props 这个成员中。该功能一般用于组件之间传递数据使用。

我与梦想有个约会

2023-10-21

910

React 学习笔记之状态(state)和生命周期

react state 函数生命周期学习笔记

本文中我们同样使用 React 官方教程中的一个时钟的案例来给大家讲解 state 的作用及时生命周期中的一些接口函数。案例可能与官方不是很匹配，是因为我经过刻意修改，为的是以国人理解的方式再重新梳理一遍，让大家更容易理解。

我与梦想有个约会

2023-10-21

1170

React 学习笔记之状态(state)和生命周期

react state 函数生命周期学习笔记

本文中我们同样使用 React 官方教程中的一个时钟的案例来给大家讲解 state 的作用及时生命周期中的一些接口函数。案例可能与官方不是很匹配，是因为我经过刻意修改，为的是以国人理解的方式再重新梳理一遍，让大家更容易理解。

我与梦想有个约会

2023-10-21

1470

解决 react router 4.0.0 原地刷新页面提示 Cannot GET * 错误

react get router 服务器搜索

最近一直在跟着 react 官网和一些国内成熟的视频教程学习一些 react 的技巧和做一些小项目。这几天碰到一个问题就是使用新版的 react-router-dom 作为路由时会导致所有二级以上页面原地刷新提示错误，类似的错误内容如 Cannot GET /company/zs/000001，如下图所示：

我与梦想有个约会

2023-10-21

3250

Redux 学习笔记：创建一个用 Redux 管理的 React 组件流程

react redux github git 开源

这几天看 Redux 的资料看的简直发疯，每次都看到睡着。今天下午睡了整整 4 个小时，在今晚安静的时候攻坚了一下 Redux。幸亏网上有很多靠谱的资料，不然我也不知道何时能搞清楚 Redux 的作用。下面罗列一下相关资料：

我与梦想有个约会

2020-01-06

5990

解决 react router 4.0.0 原地刷新页面提示 Cannot GET * 错误

最近一直在跟着 react 官网和一些国内成熟的视频教程学习一些 react 的技巧和做一些小项目。这几天碰到一个问题就是使用新版的 react-router-dom 作为路由时会导致所有二级以上页面原地刷新提示错误，类似的错误内容如 Cannot GET /company/zs/000001，如下图所示：

我与梦想有个约会

2020-01-06

1.4K0

React 学习笔记之属性 props

React 的每一个组件都可以包含一些数据，这些数据一般情况下都是父组件传递进来的。这个过程就像我们给一个可变参数的函数传递参数一样，只不过组件内部接受到这些参数时，都是在 this.props 这个成员中。该功能一般用于组件之间传递数据使用。

我与梦想有个约会

2020-01-05

3630

React 学习笔记之定义组件 Component

react 面向对象编程

React 视浏览器每一个显示的项目为一个组件，组件和组件是一层和一层的调用及嵌套关系。要想在界面上显示你要显示的信息，就先要学会组件的定义。

我与梦想有个约会

2020-01-05

3240

React 学习笔记之状态(state)和生命周期

本文中我们同样使用 React 官方教程中的一个时钟的案例来给大家讲解 state 的作用及时生命周期中的一些接口函数。案例可能与官方不是很匹配，是因为我经过刻意修改，为的是以国人理解的方式再重新梳理一遍，让大家更容易理解。

我与梦想有个约会

2020-01-05

3990

React 学习笔记之创建 React 项目

在 src/index.js 中有如下代码，程序首先导入了 React 和 ReactDom 模块，并导入了一个当前目录下的 App 模块。随后在代码中使用 ReactDOM.render 将 App 模块渲染到了界面上。这个 App 在 React 中称为组件(component)。而这个组件渲染到什么位置则是第二个参数 document.getElementById(‘root’) 决定的，它从 index.html 中获取到了 root 节点，并将 App 插入到 root 节点下。

我与梦想有个约会

2020-01-04

6940

使用 Fontawesome 的 React 组件

Fontawesome 是一套图表字体库框架，我们经常在项目中用到它的各式各样的图标，本文介绍的是如何使用其 React 组件形式的包应用到项目中。

我与梦想有个约会

2020-01-04

2.1K0

React 项目中使用 highstocks

react npm json unix 编程算法

highstocks 是一个功能强大且丰富的股票资讯类图表的库，其具有代表意义的项目还有 highcharts 和 highmaps。我最近在做一个股票资讯类的项目，所以需要用到这个图表库，由此篇文章开张记录下使用该库的各种问题和小技巧。方便以后他人遇到问题及时解决。首先我们就来谈一谈如何在 react 项目中使用它。

我与梦想有个约会

2020-01-04

1.3K0

在 react-router 环境下使用 antd-mobile tabbar

本文阐述了如何在一个使用了 react-router 的 react 项目中合理的使用 antd-mobile tabbar 功能。在 antd-mobile 官方的例子中可以看到，只需要将不同的组件放置到每个 TabBar.Item 里面就可以了，这样就可以实现简单的切换效果，但是存在几个问题。

我与梦想有个约会

2020-01-04

2.4K0

Meteor 1.6.x + Ant Design Table + recompose 实现数据分页效果

react git https github

本文介绍了基于 Meteor 1.6.x + Ant Design Table + recompose + react-router-dom v4 实现分页的整个流程，从项目创建到最终实现完分页效果每

我与梦想有个约会

2018-07-02

2.9K0

react-router 环境使用锚点的方法

锚点是通过在界面中增加一些特征（比如 id），然后在 URL 地址后面加上 #id 就可以访问到指定页面的指定位置，这样可以让我们快速跳转到页面的某个位置，但是在 react-router 中这种方法遇到了问题，因为 react-router 会把 # 当做是 hash 来处理。导致即使跳转到指定页面后，# 后面的锚点也不生效。针对这个问题，在 react-router 的一个 issue 中大家也展开了激烈的讨论。以下是我看过以后整理的几种解决办法。只有某些页面需要当只有某些页面需要使用锚点的时候，可

我与梦想有个约会

2018-07-02

1.8K0

点击加载更多

社区活动

RAG七天入门训练营

鹅厂大牛手把手带你上手实战

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态