![](https://img-blog.csdnimg.cn/7d6b9be4237943a0a54c6684629f611f.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
react
文章平均质量分 72
about react.js and react native
niuiic
这个作者很懒,什么都没留下…
展开
-
在 React Native 中实现可扩展卡片
更多分享内容可访问我的个人博客https://www.niuiic.top/本文介绍如何在 react native 中自定义一个可以通过点击展开收起的容器,本文中将其称为可扩展卡片。实现方式说一下实现思路。首先,这个卡片应当有两个状态,即展开和收起状态,那么一定有一个描述状态的变量,点一下按钮可以切换变量的值。然后,在收起状态下,子组件应当不显示,展开状态下子组件显示。要达成这样的效果有很多种方法。比如{isHidden ? children : null},或者改变组件高度。这样做的效果就是原创 2022-03-10 16:56:50 · 550 阅读 · 0 评论 -
redux-toolkit 在 react 中的用法(续)
更多分享内容可访问我的个人博客https://www.niuiic.top/rtk-queryrtk-query 是进行网络请求的一个工具,相比其他工具可能用起来会比较方便。下面介绍一下使用流程。首先是新建一个基础 api。// apis/base.tsimport { createApi, fetchBaseQuery } from "@reduxjs/toolkit/query/react";export const baseApi = createApi({ // 根据url自动原创 2022-02-26 14:37:50 · 3505 阅读 · 0 评论 -
redux-toolkit 在 react 中的基础用法
更多分享内容可访问我的个人博客https://www.niuiic.top/本文通过几个例子来帮助初学者快速入门 redux-toolkit 在 react 的应用,不涉及 异步 action 以及与服务器的交互,不解释 redux 的原理和用法,读者应当对 react 和 redux 有一定了解。quickstart先来看一个简单的案例,这是redux toolkit document中的例程。首先来看最终在 react 中使用 redux 的部分。// features/counter/Co原创 2022-02-25 19:28:21 · 1396 阅读 · 0 评论 -
使用 React Native 中遇到的一些问题
更多分享内容可访问我的个人博客https://www.niuiic.top/本文记录在使用 React Native 中遇到的一些问题及解决方法。卡在 info Starting JS server…如果你的网络没有问题,即没有被墙,那么一般可以使用以下方法解决。为了测试,首先新建一个项目,npx react-native init AwesomeProject。然后使用 Android Studio 打开项目的 android 目录,并且开启模拟器。然后就不要动 IDE 里的东西,尤其是一些升原创 2022-01-06 23:01:41 · 2615 阅读 · 0 评论