React入门教程_React框架基础教程
分类类型：文章分类 | 文章数量：694
react中怎么使用sass？
方法：1、使用npm工具安装sass-loader和node-sass依赖；2、配置webpack.config.js文件；3、在需要的组件中引入scss，然后添加scss代码即可。
react怎么判断checkbox是否被选中
react判断checkbox是否被选中的方法：可以通过【if ($("#checkbox-id").get(0).checked) {}】方法来进行判断。还可以通过原生js方法来进行判断，如【ele.checked】。
react子组件如何向父组件传值？
在react中，首先通过父组件给子组件传递一个函数，然后子组件通过参数传到父组件，通过props来传递函数的引用，并通过回调的方式实现；其实就是子组件调用父组件的方法，把值以形参的方式传出来。
react组件什么时候会重新渲染？
每当组件状态改变时，React就会调用render函数进行重新渲染。更改状态意味着当调用setState函数时，React触发更新；这不仅意味着将调用组件的render函数，而且还意味着重新渲染其所有后续子组件，无论其prop是否已更改。
react组件生命周期有几个阶段？
React组件生命周期有三个阶段：加载、更新和卸载。加载阶段表示一个组件实例被创建并被插入到DOM中；更新阶段表示由状态或属性的改变导致组件的重新渲染；卸载阶段表示组件从DOM中移除。
react组件是什么意思？
在react中，所谓组件，即封装起来的具有独立功能的UI部件。React推荐以组件的方式去重新思考UI构成，将UI上每一个功能相对独立的模块定义成组件，然后将小的组件通过组合或者嵌套的方式构成大的组件，最终完成整体UI的构建。
react组件有哪些属性？
react组件的属性有：1、props属性；2、state属性；3、refs属性；4、propTypes属性；5、defaultProps属性；6、displayName属性；7、contextType属性等等。
react在哪下载
react可以在官网直接进行下载使用，同时下载包中还提供了很多学习的实例。我们还可以直接使用Staticfile CDN的React CDN库。
react项目怎么兼容IE浏览器
react项目兼容IE浏览器的方法：首先执行【yarn add core-js】命令安装core-js；然后在index.js中输入【import 'core-js'】；最后重新打包项目并上传即可。
react怎么实现js拖拽效果
react实现js拖拽效果的方法：可以通过使用辅助工具gulp+browser-sync来实现。browser-sync插件的主要作用是自动实时刷新页面。
react怎么销毁组件？
在react中，可以使用“ReactDOM.unmountComponentAtNode(document.getElementById("example"));”语句来主动销毁组件。
react怎么遍历？
React中使用遍历的方法：1、使用for循环来遍历，语法“for(let item of items){//循环遍历语句}”；2、使用map()方法来遍历，语法“items.map(item => 循环遍历语句)”。
react怎么挂载全局方法？
挂载方法：首先，可以直接在index.js中，使用“React.$axios = function () {}”来绑定一个全局方法；然后每个子页面的js文件中使用“React.$axios”直接获取到这个方法即可。
react怎么获取路由传过来的参数？
获取方法：1、如果是通过params传来的参数，可以使用“this.props.params.参数”的方式来获取；2、如果是通过query传来的参数，可以使用“this.props.location.query.参数”的方式来获取。
react怎么获取dom元素？
获取方法：1、使用react-dom的findDOMNode()方法，语法“ReactDOM.findDOMNode(ReactComponent);”；2、使用refs，它用于访问在render方法中创建的DOM节点或React元素。
react怎么加click事件？
react加click事件的方法：在元素标签上使用onClick属性来添加click事件，而onClick有两种写法：1、传参写法“onClick={()=>this.btn()}”；2、不传参写法“onClick={this.btn}”。
react怎么进行性能优化？
react进行性能优化的方法：1、减少diff算法的触发次数，即减少update流程的次数；2、不使用跨层级移动节点的操作；3、对于条件渲染多个节点时，尽量采用隐藏等方式切换节点，而不是替换节点；4、尽量避免将后面的子节点移动到前面的操作。
react怎么可以实现watch？
react中可利用Hook来实现watch，方法：首先把想观察的值作为useEffect的依赖传入；然后使用useRef在组件周期中充当存储器的功能；再利用useRef实现immediate功能；最后，通过useRef实现stop功能即可。
react怎么路由传参？
react路由传参的方法：1、通过params传参，刷新页面后参数不消失，参数会在地址栏显示；2、通过query传参，刷新页面后参数消失；3、通过state传参， 刷新页面后参数不消失，state传的参数是加密的。
react怎么清除cookie？
方法：首先安装React-cookie依赖；然后使用“import cookie from 'react-cookies'”引入；最后使用“cookie.remove('cookieId')”来清除cookie。