React入门教程_React框架基础教程
分类类型：文章分类 | 文章数量：694
react中怎么获取数据？
react中获取数据的方法有：1、使用生命周期方法请求数据；2、使用Hooks获取数据；3、使用suspense获取数据。
react中怎么获取input的值？
react中获取input输入框值的方法可以有两种，分别为：1、通过event对象信息的方式；2、使用ref的方式。
react中怎么遍历对象？
在react中，利用Object.keys(obj).map(key => console.log(obj[key]))语句来遍历对象。注：有ES6语法，必须搭配Babel使用。
react中样式冲突怎么解决？
react中样式冲突的解决方法：1、单个组件类名加上组件名前缀，如组件名为LoveVideo，则所有的样式名前加上此前缀。2、不要设置html｛｝、*｛｝之类的全局通用样式。
react中怎么安装sass？
react中安装配置sass的方法：先下载依赖node-sass和sass-loader，然后配置webpack.config.dev.js即可。
react中有实现截图的插件吗？
react中有实现截图的插件；例如：截图组件react-cropper。使用react-cropper这个图片裁剪组件，可以帮助我们轻松的实现图片裁剪功能。
react中用less还是sass？
在react中用less或者sass都行。其中，使用 Sass，比较简单；使用Less ，相对复杂。
react中页面如何实现跳转？
react中页面跳转的方式：1、使用react-router-dom中的Link实现页面跳转；2、使用react-router-redux中的push进行页面跳转。
react中性能优化点有哪些？
React中的性能优化点：1、在constructor中绑定事件函数的this指向；2、使用箭头函数也就是异步函数的方式写setState；3、虚拟DOM的使用；4、key值的使用等等。
react中文乱码怎么解决？
在修改react中的组件信息使用中文的时候会出现了一些乱码。需要根据es6中对中文的unicode处理即可解决。
react中如何引用json文件？
react中引用json文件的方法：1、用import像引入组件那样引入json文件即可；注需要使用json-loader模块。2、把json文件改成js文件，然后把原本json中的数据赋值给变量data，然后用import引入即可。
react中如何优雅的使用svg？
react中优雅使用svg的方法：先webpack.config.js文件，然后直接在组件中使用import引入bank.svg文件，最后使用语句<svg><use xlink:href="#bank"></use></svg>即可。
react中如何引入样式？
react中引入样式的方法：1、使用import来引入外部CSS样式表；2、行内样式，使用style={{}}在HTML标签中引入样式。
react中如何引入图片？
react中引入图片的方法：1、使用require，语句<img src={require('图片地址')} alt="" />；2、使用import，语句import x1 from '图片地址'。
react用什么开发工具？
react可以用的开发工具：Chrome React Dev Tools、React Sight、React Extension Pack 、Storybook、React Styleguideist、Create React App等等。
react全家桶都是什么？
react全家桶，巨多，可以有：react + redux(状态管理) +react-router(路由) + axios + antd || antd-model。
简述vue和react的区别是什么？
区别：1、react严格上只能算是MVC的view层，vue则是MVVM模式。2、虚拟DOM不一样，vue会跟踪每一个组件的依赖关系，不需要重新渲染整个组件树。3、数据绑不同，vue实现了数据的双向绑定，react数据流动是单向的。
可以买什么react书看？
可以看的react书：《React全栈》、《深入React技术栈》、《React快速上手开发》等等。
react适合什么项目？
react适合oa系统，适合大批量的数据展示、适合做大型应用；项目要求的比较高的项目适合用react。
为什么react喜欢把事情搞复杂？
大部分框架都会选择：把简单的东西变的复杂一点儿，把复杂的东西变得简单一点儿。这样让任何项目的复杂程度都比较接近，都在可以控制的范围内。甚至在极端情况下，让代码的复杂度都基本一样。react就是这样一个，是为了解决复杂问题而生的框架。