React
Agwenbi
星光不问赶路人,时光不负有心人
展开
-
react native使用自定义图标iconfont与react-native-vector-icons
react native使用自定图标库及react-native-vector-icons图标库原创 2022-07-06 10:19:02 · 991 阅读 · 0 评论 -
在reactNative中使用mobx
react native中使用mobx原创 2022-06-29 19:59:04 · 788 阅读 · 0 评论 -
reactNative配置别名
react native配置路径别名原创 2022-06-22 16:32:16 · 425 阅读 · 0 评论 -
reactNative进行屏幕适配
reactNative对不同机型进行适配原创 2022-06-22 15:14:01 · 948 阅读 · 0 评论 -
搭建react-native项目并手动集成viroReact(android版)
一、搭建项目注意项目名称的规范npx react-native init reactDemo --template react-native-template-typescript二、安装viroReactyarn add @viro-community/react-viro三、手动配置viroReact设置sdk版本(至少为24)与gradle插件版本(至少为4.1.1)// 文件位置:android/build.gradlebuildscript{ ext{ ..原创 2022-03-21 14:57:53 · 4357 阅读 · 0 评论 -
React: HOC高阶组件的使用
主要用于组件复用首先定义以下组件(UlCom)信息import React from "react";import LiCom from './components/LiCom';import HocCom from "./HocCom";import { Data } from './hocType';const Hoc: React.FC<{ liData: Data[] }> = ({ liData }) => { return <> &l.原创 2021-10-25 22:36:38 · 162 阅读 · 0 评论 -
useContext的使用
1. 基本使用父级组件import React, { useState } from "react";import Child from "./components/Child";const parentValue = { num: 0}export const parentContext = React.createContext(parentValue);const Ceshi = () => { const [parentState, setParentState] =原创 2021-10-25 21:25:44 · 486 阅读 · 0 评论 -
useEffect的使用
1. 不带第二个参数的情况const Home = () => { const [ count, setCount ] = useStat(0); useEffect(() => { console.log('界面一更新我就会执行,相当于类组件的componentDidUpdate') }) return ( <> <button onClick={ () => setCount(count + 1) }>点击加1</button>原创 2021-10-21 21:03:48 · 225 阅读 · 0 评论