xy_is_fhh的博客

react项目里添加支持less（无webpack.config.js如何设置

组件通信的意义；父传子实现；props说明；子传父实现；兄弟组件通信；跨组件通信Context

React.Fragment组件能够在不额外创建 DOM 元素的情况下，让 render()方法中返回多个元素。相当于空标签。Fragment可遍历

react受控组件和非受控组件

react状态不可变

react样式写法、app端(react-native)写法

react安装、react脚手架安装；taro安装创建项目；RN创建项目

App.js 👇import React,{Component} from 'react';class App extends React.Component{ constructor(props){ super(props) this.state={ inputValue:'', list:['辣条','鸡翅'] } } inputChange=(e)=>{ this.setState({ ..

taro遵循React语法规范的多端开发解决方案。使用Taro，只书写一套代码，再通过Taro的编译工具，将源代码分别编译出可以在不同端（微信小程序、H5、App端等）运行的代码。Taro安装node环境( >=12.0.0 )，安装CLI工具：方法一： 使用 npm 安装 CLI$ npm install -g @tarojs/cli方法二： OR 使用 yarn 安装 CLI$ yarn global add @tarojs/cli方法三：OR 安装了 cnpm，使用 cnpm

组件的生命周期概述· 意义：组件的生命周期有助于理解组件的运行方式、完成更复杂的组件功能、分析组件错误原因等· 组件的生命周期：组件从被创建到挂载到页面中运行，再到组件不用时卸载的过程· 生命周期的每个阶段总是伴随着一些方法调用，这些方法就是生命周期的钩子函数。· 钩子函数的作用：为开发人员在不同阶段操作组件提供了时机。生命周期的三个阶段1.每个阶段的执行时机2.每个阶段钩子函数的执行顺序3.每个阶段钩子函数的作用1.创建时（挂载阶段）· 执行时机：组件创建时

组件通讯介绍组件是独立且封闭的单元，默认情况下，只能使用组件自己的数据。在组件化过程中，我们将一个完整的功能拆分成多个组件，以更好的完成整个应用的功能。而更好的完成整个应用的功能。而在这个过程中，多个组件之间不可避免的要共享某些数据。为了实现这些功能，就需要打破组件的独立封闭性，让其与外界沟通。这个过程就是组件通讯。组件的props· 组件是封闭的，要接收外部数据应该通过props来实现· props的作用：接收传递给组件的数据· 传递数据：给组件标签添加属性· 接收数据：函数组

目录redux是什么？什么情况下需要使用reduxstore对象redux核心1.action2.reducerredux是什么？1.redux是一个独立专门用于做状态管理的JS库（不是react插件库）2.它可以用在react，angular，vue等项目中，但基本与react配合使用3.作用：管理react应用中多个组件共享的状态什么情况下需要使用redux1.某个组件的状态需要共享2.某个状态需要在任何地方都可以拿到3.一个组件需要改变.

有状态组件和无状态组件· 函数组件又叫做无状态组件，类组件又叫做有状态组件· 状态(state)即数据· 函数组件没有自己的状态，只负责数据展示(静)· 类组件有自己的状态，负责更新UI，让页面“动”起来state的基本使用· 状态(state)即数据，是组件内部的私有数据，只能在组件内部使用· state的值是对象，表示一个组件中可以有多个数据初始化 👇import React from 'react'import ReactDOM from 'reac..

React是一个用于构建用户界面的JavaScript库。用户界面：HTML页面(前端)React主要用来写HTML页面，或构建Web应用。如果从MVC的角度来看，React仅仅是视图层(V)，也就是只负责视图的渲染，而并非提供了完整的M和C的功能。React的特点1.声明式：只需描述UI(HTML)看起来是什么样，就跟写HTML一样。React负责渲染UI，并在数据变化时更新UI。2.基于组件：· 组件是react最重要的内容· 组件表示页面中的部分内容· 组合、复用多