react

PS:上面的那个组件展示没必要用循环奥,直接按照下面写也行【如果需要用循环写,也可用循环】 上面代码在需要用到组件的地方直接用就行，相当于每个组件都用第一个的状态，或者每个都用自己的状态其实效果是一样

父传子 父组件 子组件 在这个例子中，父组件ParentComponent通过props向子组件ChildComponent传递了一个名为data的数据。 子传父 父组件 子组件 在这个例子中，子组件

1.进入页面直接更新(仅一次) 2.进入页面就更新(页面显示就更新) 3.监听某一数据的变化 4.实时更新页面 5.想在某一个方法内得到更新后的数据

创建React Native项目 安装依赖 package.json所需依赖包 安装命令如下 安卓环境配置 找到android/app/src/mian/AndroidManifest.xml这个文件

先安装 sqlite-helper.js工具包的具体代码 接下来是我使用这个工具包封装的一些方法,存在(SQLHelper.js)文件中 name 属性：你在这里提供的是数据库的名称 'taketea

弹出层提示组件 提示框确认组件 获取屏幕宽高组件 下拉框组件 带输入框的确认组件(带蒙层,水平垂直居中) 使用组件 效果图

组件代码 使用````````````````````````````````````````````````````

安装模块 写入文件 读取文件```````````````````````````````````````````````

组件内导入 下面是逻辑代码 触发导入的按钮 如下所示文档 打印结果如下``````````````````

本套笔记参考这个视频教程做的,需要看视频的可以点链接去看 基础环境搭建 安装nodejs -- nodejs的版本应该>=12(推荐安装LTS版本) -- npm config set registr

创建项目 a. npx create-react-app 是固定命令，create-react-app是React脚手架的名称 b. react-basic表示项目名称，可以自定义，保持语义化 c.

路由简介 概述 React Router 以三个不同的包发布到 npm 上，它们分别为： react-router: 路由的核心库，提供了很多的：组件、钩子。 react-router-dom: 包含

安装sass 新建 任意名.module.scss (没打错字,就是安装sass,文件名scss) 例如我新建app.module.scss文件,在App.jsx使用 在建好的文件放入以下内容 在文件

安装 在main,js注册(只看画线的几行就好) 如下是路由结构 1.通过navigate去跳转页面并携带参数 2.'去聊天'页面通过isActive判断路由添加样式 点击按钮进行动态子路由切换 ap

@[toc] 以下为模板代码 安装(添加 Redux Toolkit 和 React-Redux 依赖包到你的项目中) 以下为项目目录 在store/index.js里面的模板 创建模块(模块化思想)

Redux 介绍 概述 用过 Vuex小伙伴都知道，相比Vuex， Redux 的写法太复杂、太分散了，不像 Vuex 在一个文件里聚合所有东西。但现在 Redux 官方推出了 Redux Toolk

[上篇地址,两篇有关联,因篇幅限制分开](ReactHook学习(第二篇-N) - 掘金 (juejin.cn)) 示例2：获取窗口宽高变化 实现目标：通过 useWindowSize()来实时获取窗

![使用ref访问子组件的属性和方法.png](https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/442f852a1b004265909c85161a

ref的研究（useRef） 使用 ref 引用值 当你希望组件“记住”某些信息，但又不想让这些信息 触发新的渲染 时，你可以使用 ref 。 给你的组件添加 ref 你可以通过从 React 导入

1`````````````````````````````````````````````````````````