React入门教程_React框架基础教程
分类类型：文章分类 | 文章数量：694
react router怎么使用？
使用方法：1、使用npm命令安装router；2、通过“import {Router} from 'react-router';render(<Router/>, document.getElementById('app'));”来使用。
react怎么使用ui库？
方法：1、使用npm命令安装ui库；2、在react的入口文件index.js中，使用import命令引入ui库的css样式文件；3、在需要使用的组件中进行引入即可。
react怎么使用外部js文件？
方法：组件加载前，使用createElement()创建script标签，src属性设置外部js文件的路径；然后使用document.head.appendChild将标签添加到DOM中，通过script标签来引入外部js文件进行使用。
react怎么动态添加class？
方法：1、当前元素上没有其他class，通过给元素使用“class={'className'}”来添加；2、本身有其他class，则使用“class={`className1 index==0?'className2':null`}”添加。
react怎么刷新页面？
react刷新页面的方法：1、使用“window.location.reload()”进行页面刷新；2、使用“this.forceUpdate();”强制页面刷新。
react怎么传递数据？
react中，传递数据的方法：props传值、路由传值、状态提升、redux、context。例如：在父组件中，给需要传递数据的子组件添加一个自定义属性，在子组件中通过this.props就可以获取到父组件传递过去的数据。
react怎么mock数据？
在create-react-app的public文件下模拟后台数据，然后通过http请求获取数据。create-react-app底层是一个node服务器；当请求一些假数据时，先去查找对应的路由，找不到再去public目录下找，然后输出。
react项目中怎么安装jquery？
在react中，可以利用npm工具，使用“npm install jquery --save”命令来安装jquery；然后，使用“import $ from 'jquery'”命令在需要的地方引入jQuery即可使用了。
react怎么添加css样式？
react添加css样式的方法：1、直接在组件内部定义css样式。2、先在render函数中声明css样式，然后再引用。3、使用requre()语句引入外部css文件。
react怎么添加背景图片？
react添加背景图片的方法：先使用import根据图片路径导入图片，然后在render()中直接将导入的图片定义为backgroundImage对象即可。
react中如何处理跨域请求？
react中处理跨域请求的方法：1、在package.json中加上proxy代理配置处理跨域请求。2、使用http-proxy-middleware处理跨域请求。
react中如何导入图片？
react中导入图片的方法：1、使用import方法将图片导入变量中，然后在img标签中引入变量即可。2、使用require方法在img标签中导入图片。
什么是React Fiber?
React Fiber是对核心算法的一次重新实现。其核心目标是扩大其适用性，包括动画，布局和手势。
react中间件有哪些？
react中间件有redux（redux默认只处理同步）、redux-thunk（用来处理异步和复杂的逻辑）、redux-saga（超大型的异步处理）。
react中monent如何获取日期？
react中monent获取日期的方法：直接调用不带参数的moment()即可获取当前日期，同时我们也可以使用monent进行日期格式化。
react中get与post的区别是什么？
react中get与post的区别：1、两者提交方式不同。2、get方式传输数据大小为2-8k，post方式传输数据最小是2m。3、get一般用于获取/查询资源信息，post一般是用于更新数据信息。
react如何控制元素的显示与隐藏功能？
react控制元素显示与隐藏的方法：1、通过state变量来控制是否渲染元素；2、通过style控制display属性，通过display属性来控制元素显示与隐藏；3、通过动态className切换类名来实现元素的显示和隐藏。
webpack是如何打包react的？
方法：1、安装webpack；2、在配置文件中添加webpack的依赖包；3、使用npm install命令安装依赖包；4、新建相关文件和目录并配置；4、使用webpack -w命令打包。
webstorm写react报错怎么解决？
React报错的解决方法：先选择Fiel->Settings->Languages & frameworks->javaScript；然后设置javaScript language version的值为React jsx即可。
安装react之前需要安装什么软件？
安装react之前需要安装NodeJS。因为一般需要使用npm工具来安装快速搭建React开发环境；而npm是NodeJS的包管理工具，所以需要事先安装好NodeJS。