随笔分类 - FX-React
摘要：MacOS 12.6.1 官方文档 英文 https://reactnative.dev/docs/environment-setup 中文 https://www.react-native.cn/docs/environment-setup 相关文档 ReactNative MacOS环境初始化项
阅读全文
摘要：MacOS Monterey 12.6.1 + XCode 14.1 (14B47b) + 模拟器 iPhone11 ios13.4 启动步骤 打开终端，yarn start 启动Metro服务 打开XCode，打开项目中的ios文件夹下的 .xcworkspace 项目文件 点击 ▶️ 编译运行
阅读全文
摘要：环境：macos 11.0.1 官方教程 https://reactnative.cn/docs/environment-setup 1. nrm use taobao 2. 安装Homebrew、XCode(Command Line Tools) 3. brew install watchman
阅读全文
摘要：目录 React Swiper轮播图（一） React Swiper轮播图（二） 需求 实现React可切换轮播图 效果预览 使用库 swiper官网 https://swiperjs.com/react npm i swiper@6.5.0 --save 实现方法 /** 导航 */ import
阅读全文
摘要：Reac中使用Context共享数据时，可以使用高阶组件做一个封装，方便页面使用 方式一：使用高阶组件 1.在App.js中添加状态共享Provider import Home from './page/Home' import {Provider, Context} from './AppCont
阅读全文
摘要：需求描述 实现PC端吸顶导航 实现分析 先采用absolute绝对定位 滚动超过锚点导航时，修改该导航定位为fixed 效果预览 实现方法 /** 锚点导航*/ import React from "react"; import styles from "./index.less"; import
阅读全文
摘要：需求 实现React轮播图 使用库 swiper官网 https://swiperjs.com/react 实现方法 /** 组件：图片轮播*/ import React, { Component } from "react"; import SwiperCore, { Navigation, Pa
阅读全文
摘要：win10 64bit 官方教程 https://www.react-native.cn/docs/environment-setup 环境搭建 《ReactNative Windows环境安装JDK》 https://www.cnblogs.com/KevinTseng/p/14469997.ht
阅读全文
摘要：方案一：配置proxy 弹射出react详细配置 yarn eject 修改config\webpackDevServer.config.js proxy: { "/api": { target: "http://localhost:3000", changeOrigin: true, // pat
阅读全文
