React入门教程_React框架基础教程
分类类型：文章分类 | 文章数量：694
react中如何引进图片？
react中引进图片的方法：1、使用import来引入img图片；2、使用require来引入img图片；3、在组件中，通过style={{background: `url(${require("图片地址")})`}}来引进背景图片。
react中如何引入css？
react中引入css的方法：1、直接在组件内部使用style={{}}定义；2、在render函数中先声明，再引用；3、使用import引入CSS文件。
react-dom是什么？
react-dom是react开发项目时需要使用的工具包。react-dom包提供了DOM特定的方法，可以在你的应用程序的顶层使用，如果你需要的话，也可以作为React模型之外的特殊操作DOM的接口。 但大多数组件应该不需要使用这个模块。
react16有什么新特性？
React的16版本采用了MIT开源许可证，新增了一些特性：Error Boundary处理错误组件、render方法新增返回类型、Portals、支持自定义DOM属性、setState传入null时不会再触发更新、更好的服务器端渲染等等。
react fiber是什么？
官方的一句话解释是React Fiber是对核心算法的一次重新实现。React Fiber把更新过程碎片化，每执行完一段更新过程，就把控制权交还给React负责任务协调的模块，如果没有就继续去更新，如果有紧急任务，那就去做紧急任务。
react中调用setstate后发生了什么？
在代码中调用setState函数之后，React 会将传入的参数对象与组件当前的状态合并，然后触发所谓的调和过程。经过调和过程，React 会以相对高效的方式根据新的状态构建 React 元素树并且着手重新渲染整个UI界面。
react中ref怎么用？
React的ref有3种用法：1、通过字符串形式，ref=""；2、通过回调函数形式；3、使用React.createRef()方法来创建ref，将其赋值给一个变量，通过ref挂载在dom节点或组件上。
react中的ref是什么？
ref是React提供的用来操纵React组件实例或者DOM元素的接口。React中ref的用法可以有：1、通过 this.refs.a 来引用真实dom的节点；2、回调函数等。
react中portal是什么？
portal是react中的一个组件。Portals提供了一种很好的将子节点渲染到父组件外部DOM层级中的DOM节点中的方式。
react中npm是啥？
react中的npm指的是NPM（node package manager)，通常称为node包管理器，是Nodejs默认的、以JavaScript编写的软件包管理系统。通过npm可以安装、共享、分发代码，管理项目依赖关系。
怎么理解react
从三个关键词入手来理解react：1、“Just the ui”，react把UI拆分成组件，使得它可以易于拓展和维护；2、“virtual dom”，能轻松更新dom操作；3、“data flow”，能够进一步更新View。
web前端react是什么
web前端react是一个声明式，高效且灵活的用于构建用户界面的JavaScript库，使用react可以将一些简短、独立的代码片段组合成复杂的前端UI界面，并且在React里可以传递多种类型的参数、传递动态变量等等。
window可以使用react吗
window是可以使用react的，window下使用react的方法：首先下载“node.js”；然后通过命令“npm -v”验证是否安装成功；接着创建React项目；最后在浏览器输入地址“localhost:3000”查看运行结果即可。
搭建react框架需要注意什么
搭建react框架需要注意的事项有：1、“className”一定是大写字母开头；2、有关“react”元素的更新，唯一办法是创建新元素；3、“React DOM”使用“className”和“htmlFor”来做对应的属性等等。
react中jsx是什么呀？
JSX就是Javascript和XML结合的一种格式；是一个JavaScript的语法扩展。React发明了JSX，利用HTML语法来创建虚拟DOM；当遇到<，JSX就当HTML解析，遇到{就当JavaScript解析。
react状态机是什么？
React把组件看成是一个状态机（State Machines）；通过与用户的交互，实现不同状态，然后渲染 UI，让用户界面和数据保持一致。状态机仅仅是状态迁移，并不关注状态变化后大家干什么。
react子父传参有几种方法？
react子父传参有两种方法：1、父传子；父组件通过props传递给子组件。2、子传父；父组件通过props向子组件传入一个方法，子组件在通过调用该方法，将数据以参数的形式传给父组件，父组件可以在该方法中对传入的数据进行处理。
React中Ant Design Mobile是什么？
Ant Design Mobile（简称antd-mobile）是一个UI组件库，是Ant Design的移动规范的React实现，服务于蚂蚁及口碑无线业务。
React中Semantic-UI是什么？
React中的Semantic UI是一款非常优秀的前端开发框架；它在用户体验的设计上与Bootstrap和Foundation相比,更胜一筹。集成了很多很漂亮的UI模块，能够使网页制作更加高效和美观。
react native能干什么？
React Native结合了Web应用和Native应用的优势，可以使用JavaScript来开发iOS和Android原生应用。在JavaScript中用React抽象操作系统原生的UI组件，代替DOM元素来渲染等。