reactjs官方文档,reactjs教程

详解React项目如何修改打包地址(编译输出文件地址)

react打包后文件直接修改生效步骤：使用eject命令暴露配置。修改暴露出的配置文件config/path.js，将appBuild修改为需要输出的位置。使用npminstall命令安装依赖，然后执行npmrunbuild打包。

该场景需要修改创建配置文件 config-overrides.js ，添加 appBuild 配置，步骤如下：第一步 ，在根目录下创建文件命名为 config-overrides.js 。

通过react脚手架[create-react-app]创建的项目，如果需要在项目中配置一些webpack配置，需要在根目录下新建一个名称为config-overrides.js的文件。

修改URL地址：打开项目目录下的AppDelegate.m文件，修改里面的URL，把localhost改为你的电脑的IP。在Mac系统下，你可以在系统设置/网络里找到电脑的IP地址。

React中使用百度地图——基本使用

1、直接在你的目标HTML中引用百度地图API：在AK中填写你APP在百度地图API上申请到的AK。

2、采用css可以删除react项目引入百度地图时，会发现地图的左下角会有logo和信息，在项目中我们是不需要这些的，采用css就可以将其去掉.anchorBL{display：none；}123123。

3、方法如下：首先打开高德地图，进去只收点击设置。然后点击地图配色。最后选择自己喜欢的配色就好了。

4、可以在调用getCurrentPosition（）方法之前，先通过navigator.geolocation.permissions.query（）方法来检查定位功能是否开启，并在回调函数中判断用户是否同意定位请求。

5、从而增加收入。省力 简搭（jadbp）低代码开发平台是一种新型开发工具，相比传统的开发模式，不仅节省了成本，也让技术人员的要求降低了。一些基础的功能非技术人员也能进行配置，不用再因为代码而烦心。

6、从本质上讲，React Query 基于查询键值为您管理查询缓存。 只要键值是可序列化的，并且对查询的数据来说。它是唯一的，就可以使用它。虽然支持用字符串，但还是建议使用数组形式，因为内部最终还是会转化成数组。

Reactumi+小笔记

安装完后无需配置，umi会自己识别。默认使用dart sass ， 如果需要使用node-sass，才需要想官网那样 配置 区别 ：传入的第一个参数不同 React.createElement（） 它接受三个参数，第一个参数可以是一个标签名。

因为现在公司的主要技术栈是React，所以也想着能够搭建一个好的React前端框架，方便在工作中使用；框架在打包过程也做了优化，多线程，拆包，缓存等等手段提升打包速度和质量。

首先还是说一下umi的优点：我个人体会最显著的是，不需要你配置很多其他的参数，不需要你手动写react-router，因为其默认的pages下的文件夹名字就直接是路由的路径，也不需要你自己配置dll，因为内部直接内置了dll。

React中的不可变性

在React中，有两种改变数据的方式：对于时间旅行功能，在React中使用不可变性就显得比较重要了，这让数据回溯成为可能。

这也正是 React 组件的函数特性之一。props 是组件的输入参数，因此给予其不可变性可以避免副作用。实际上，这也是函数式编程的基本原则之一：函数不能更改输入参数。

其中大部分是 JavaScript ES6 及其特性和语法，还包括三元运算符、简化的语法、this 对象、JavaScript 内置函数（map、reduce、filter）或更一般的概念，如可组合性、可重用性、不变性或高阶函数。

2022年前端React的100道面试题的第17题:Ref的使用

回调 Refs 用于组件时 因常规函数和 class 组件不接收 ref 参数，且 props 中也不存在 ref 。因此回调 Refs 仅用于 HTML DOM 元素，如果给组件传函数 Refs 应通过 props 透传。

首先，能够使用ref的child Component必然是一个类，如果要实现，必然要破坏child component的封装性，直接到child component中获取其中DOM。

-使用 Hooks 模式开发时，useMemo，useCallback 常用来作为优化的手段。

第一种是全局导航钩子：router.beforeEach（to，from，next）。作用是跳转前进行判断拦截。 第二种是组件内的钩子。 第三种是单独路由独享组件。 mint-ui是什么？如何使用？ 它是基于 Vue.js的前端组件库。

React.PureComponent

因为上面的情况十分通用，React创建了PureComponent组件创建了默认的shouldComponentUpdate行为。这个默认的shouldComponentUpdate行为会一一比较props和state中所有的属性，只有当其中任意一项发生改变是，才会进行重绘。

React.PureComponent 与 React.Component 唯一的区别在于 Rect.Component 没有实现 shouldComponentUpdate（）， 而 React.PureComponent 中以浅层对比 prop 和state 的方式来实现了该函数。

后来React为class组件提供了pureComponent来实现这一效果。pureComponent可以自动执行shouldComponentUpdate函数，当组件要更新的时候，会对传入的props和state进行一次浅比较，如果比较出来是一致的，就不进行组件更新。

标签：reactjs文档教程官方