React.js MCQ 问题与答案

React.js MCQ 问题与答案

MCQSS.com 提供关于 React.js 的免费MCQ问题与答案,涵盖数千个不同的主题。我们的互动式格式可以让您立即知道是否正确回答了问题。立即探索我们的多选题库,并验证您在 React.js 上的知识!无需购买会员或注册,您可以免费使用我们的网站。不要错过提高技能和为考试做准备的机会,尽在MCQSS.com。

1: 以下哪个是用于创建动画的反应框架?

A.   反应插件

B.   redux

C.   反应运动

D.   反应火

2: ReactJ使用以下哪些预处理器将XML语法添加到JavaScript?

A.   JSX

B.   Reactx

C.   Reactxml

D.   JSXML

3: 在调用forceupdate()方法时,在触发更新的组件上跳过以下哪些方法?

A.   componentDidupdate()

B.   showscomponentupdate()

C.   componentwillupdate()

D.   componentWillReceiveProps()

E.   以上都不是。

4: 以下哪项是React TestRenderer.update方法的正确签名,用于重新渲染具有新的根元素的内存树?

A.   testRenderer.update(元素,选项)

B.   testRenderer.update(类型,元素)

C.   testrenderer.update(element)

D.   testRenderer.update(元素,类型,选项)

5: 以下哪个React类可以实现:syscomponentupdate()?

A.   react.com poctent

B.   React.purecomponent

C.   两个选项i)和ii)。

D.   选项i)也不是II)。

6: ReactJS的以下生命周期方法是更新阶段的一部分,而不是初始阶段的一部分?

A.   getDefaultProps()

B.   componentdidmount()

C.   componentwillmount()

D.   getlnitialState()

7: 关于reactdom.render()方法,以下哪个陈述不正确?

A.   它用于控制用户传递的容器节点的内容。

B.   它用于修改容器节点。

C.   它可用于返回对root ReactComponent实例的引用。

8: .in reactjs,以下哪个选项用于存储从父母传递的只读数据,并且该数据属于父母,并且无法由其子女更改?

A.   this.props

B.   这个

C.   以上都不是。

9: 与ReactJS磁通有关,以下哪些选项用于指定应用程序中触发的更改?

A.   动作

B.   还原器

C.   根组件

D.   店铺

10: 关于ReactJS表格,以下哪些陈述是正确的?

A.   可变状态仅使用SetState()方法更新。

B.   在React Select标签中,只能将单个值传递到值属性中。

C.   两个语句A和B都是正确的。

D.   语句A也不是正确的。

11: 与ReactJS通量函数有关,以下哪个参数传递给还原函数?

A.   仅通过一个参数,那就是状态。

B.   传递了两个参数,这些参数是状态和行动。

C.   只传递一个参数,那就是动作。

D.   传递了两个参数,这些参数是状态和反应。

E.   传递了三个参数,这些参数是状态,反应元素和动作。

12: 选择React组件的正确类型。

A.   有一个状态。

B.   没有状态。

C.   两个选项A和b。

D.   选项8也不是b。

13: 浏览器的本机事件包裹在以下哪个对象中,以确保所有受支持的事件在Internet Explorer 8及更高版本中的行为相同?

A.   CollectionTweets

B.   状态

C.   SyntheticeVent

D.   这个

14: 以下哪个软件包用于提供一个反应渲染器,用于将REACT组件渲染到纯JavaScript对象,而不依赖于DOM或本机移动环境?

A.   浅渲染器

B.   测试渲染器

C.   反应

D.   以上都不是。

15: 关于React Flux,以下哪个参数传递给连接函数,用于将根组件连接到存储的连接函数?

A.   状态并选择功能

B.   国家和行动

C.   唯一的动作

D.   仅选择功能

16: 以下哪个选项是React CreatePortai()方法的正确签名?

A.   ReactDom.CreatePortai(元素,儿童,容器)

B.   ReactDom.CreatePortal(容器,组件)

C.   Reactdom.CreatePortai(儿童,容器)

D.   ReactDom.CreatePortal(容器)

17: 每个测试使用的正确的嘲笑函数是以下哪个选项?

A.   选择

B.   它

C.   使成为

D.   捆

18: StreamTweet组件使用以下哪个选项来增加全局对象中显示的推文数量?

A.   componentdidupdate()

B.   componentwillupdate()

C.   使成为()

D.   showscomponentupdate()

19: 在测试还原器时,以下哪个命令用于安装Jest和Jest CLI在全球范围内?

A.   sudo npm安装 - g开玩笑

B.   sudo npm安装 - devjest -g

C.   sudo npm安装 - g开玩笑

D.   sudo npm安装-Save-G Jest

20: 以下哪个选项是安装React CSS过渡组的正确语法?

A.   NPM安装React-Addons-CSS-Transition Group

B.   NPM安装React-Save-CSS-Transition Group

C.   NPM安装React-Save-Addons-CSS-CSS-Transition Group

D.   npm安装react-addons.css.transition.group

21: 以下哪个是正确的语法,用于通过命令提示提示为您的React环境添加名为index.html的文件? (认为​​ReactApp是根文件夹。)

A.   C:\ users \ username \ desktop \ reactapp> index.html

B.   C:\ users \ username \ desktop \ reactapp> create index.html

C.   C:\ users \ username \ desktop \ reactapp> touch index.html

D.   C:\ users \ username \ desktop \ reactapp> createlement index.html

22: 以下哪个选项是通过命令提示符安装redux的正确语法?

A.   NPM安装React-Redux

B.   NPM安装react -redux -save

C.   npm安装 - 保存react-redux

D.   npm安装-Save -Redux for React

23: react.Children.map方法的正确签名是以下哪个选项?

A.   react.Children.map(功能[儿童,thisarg)

B.   React.Children.Map(儿童,功能[(thisArg)])

C.   react.Children.map(对象,儿童,功能[(thisarg)])

D.   React.Children.map(儿童)

24: 以下哪种反应方法用于验证孩子只有一个孩子(一个反应元素)并返回?

A.   React.Children.Count(儿童)

B.   React.Children.map(儿童)

C.   React.Children.ly(儿童)

D.   React.Children.ToArray(儿童)

25: 关于React test渲染器,以下哪个参数传递给testInstance.find()?

A.   测试

B.   类型

C.   道具

D.   上述所有的。

26: 以下哪种括号用于包括JSX中的元素集合?

A.   []

B.   {}

C.   ()

D.   它确实需要使用任何类型的括号。

27: 与通量编程概念有关。以下哪个陈述对数据是正确的?

A.   数据流是单向的。

B.   数据流是双向的。

C.   以上都不是。

28: React使用以下哪个组件用于渲染没有包装器的多个元素?

A.   React.Ragment

B.   反应

C.   react.com

D.   React.purecomponent

29: 以下哪项不是ReactJ的正确优势?

A.   它可以在客户端和服务器端以及其他框架上使用。

B.   它支持更好的可读性,有助于维护更大的应用程序。

C.   它涵盖了应用程序的视图和控制器层。

D.   它使用虚拟DOM,有助于提高应用程序的性能。

30: 以下哪个陈述在reactj中对shandowrender.render()方法是不正确的?

A.   它可用于提取组件的输出。

B.   它需要DOM。

C.   它只能使一个级别的深处。

D.   两个语句A和C都是不正确的。

E.   两个语句B和C都是不正确的。

31: 关于React测试渲染器,以下哪个选项不是testRenderer实例?

A.   testinstance.type

B.   testrenderer.root

C.   testRenderer.update()

D.   testrenderer.tojson()

32: 关于ReactJS磁通,JavaScript对象操作使用以下哪些属性来告知应该发送到商店的数据?

A.   姓名

B.   价值

C.   类型

D.   以上都不是。

33: 以下哪个命令用于创建Eslint confriguration?

A.   Eslint React -Init

B.   eslint-原始

C.   反应eslint«开始

D.   ESLINT-开始

34: 关于测试还原器,以下哪个是安装Babel-Jest软件包的正确命令?

A.   NPM安装-Dev Babel-Jest

B.   NPM安装-Save-G Babel-Jest

C.   NPM安装-G-G Babel-Jest

D.   npm安装 - save-dev babel-jest

35: 以下哪项是Deque系统提供的正确模块。这用于在开发和调试时直接向控制台报告可访问性f。

A.   反应轴

B.   非视觉桌面访问

C.   斧头

D.   Webalm

E.   Deque

36: 以下哪个语句/关于React方法CreateFactory()是正确的?

A.   它返回用于生成给定类型的反应元素的函数。

B.   对于CreateFactory()方法,类型参数只能是React组件类型(类或函数)。

C.   使用JSX时可以直接调用React.CreateFactory()。

D.   上述所有的。

37: 如果以前将React元素渲染到容器中时,将再次调用Rendero,会发生什么?

A.   它会丢下错误。

B.   它将对其执行更新,并且只会根据需要突变DOM来介绍最新的React元素。

C.   先前渲染的反应元件将被保留。

D.   以上选项都不正确。

38: 在设置ReactJS环境时,必须安装以下哪个选项?

A.   Angularjs

B.   nodejs

C.   爪哇

D.   珀尔

39: 以下哪个功能用于导入React库?

A.   要求()

B.   捆()

C.   react.dom.ul()

D.   使成为()

40: 在设置ReactJ时。以下哪个命令用于创建名为reactapp的根文件夹并将其放在桌面上?

A.   C:\ users \用户名\桌面> Create ReactApp

B.   C:\ users \ username \ desktop> mkdir reactapp

C.   C:\ users \用户名\桌面>创建dir reactapp

D.   c:\ users \ username \ desktop> reactapp mkdir

41: 关于React ES6,以下哪些选项用于导入浅渲染器?

A.   使用“ React-Test-render/shandow”进口新的浅培训者;

B.   进口ShandRender = require('React-Test-Renderer/shandow');

C.   从“ React-Test-Render/Shandow”中进口浅render剂;

D.   var shandRender = require('react-test-renderer/shallow');

42: 在组件生命周期更新阶段中调用的shorecomponentupdate()方法的正确默认值是以下哪个选项?

A.   真的

B.   错误的

C.   使成为

D.   以上都不是。

43: 以下哪个参数传递给componentwillupdate()方法,该方法在React更新DOM之前立即调用?

A.   NextProps

B.   Nextstate

C.   这个

D.   PrevProps

44: 关于React f‌inddomNode()方法,以下哪个陈述是正确的?

A.   此方法用于从DOM中读取值。

B.   它可以在功能组件上使用。

C.   它只能在安装的组件上使用。

D.   FindDomNode会引发错误。如果组件呈现为null或false。

45: 关于测试是否只能到达整个网站并仅与键盘一起使用。以下哪个键应用于浏览?

A.   CTRI+TAB

B.   标签

C.   Shift+Ctr |

D.   Shift+Tab

46: 以下哪个选项可以是一种反应参数类型的类型?

A.   细绳

B.   ReactClass

C.   布尔

D.   整数

47: React StreamTweet组件的子组件是以下哪个选项?

A.   标题

B.   溪流

C.   推特列表

D.   推文

48: 关于React测试渲染器,以下哪些选项用于返回代表渲染树的对象?

A.   testRenderer.totree()

B.   testRenderer.update()

C.   testrender.root()

D.   testRenderer.tojson()

E.   与React cloneelement()方法有关,在克隆期间保留了以下哪些原始元素的选项?

F.   div

G.   钥匙

H.   参考

I.   跨度

49: 与测试还原器有关,JEST使用以下哪些功能来设置测试?

A.   描述

B.   选择

C.   要求

D.   它

50: 以下哪项是SetState()函数使用的正确参数,用于告知状态变化的反应?

A.   数据

B.   标题

C.   ReactText

D.   打回来

51: 以下哪些语句在React组件中对CSS规则进行防御是正确的?

A.   用户只能在单个JavaScript文件中共享组件而无需其样式。

B.   通过使样式内联允许用户限制受影响的范围。

C.   它提供了静态性。

D.   以上都不是。

52: 以下哪个命令可以用于运行开玩笑?

A.   jest testname.js

B.   NPM Test TestName.js

C.   NPM开玩笑test testname.js

D.   Jest Test testname.js

53:

如果此代码在reactjs组件中存在为ES6类:sysecomponentupdate(nextProps,nextState){return false; }

A.   组件不会呈现任何视觉效果

B.   组件不会呈现任何更改

C.   投掷错误,因为showscomponentupdate必须至少每一个生命周期返回一次true

D.   显示警告,但将继续工作。这对于测试而无需实际渲染组件很有用。

54:

要禁用动画,您可以添加_____?

A.   过渡器= {false}

B.   TransitionLeave = {false}

C.   transitionleave = false

D.   上述所有的

55:

____功能在更新之前立即调用?

A.   componentDidmount()

B.   componentInit()

C.   componentwillupdate()

56:

更改道具后,最好将哪个事件用于更新状态?

A.   showscomponentupdate

B.   组成部分

C.   组件WillReceiveProps

D.   组成

E.   组件意外事件

F.   showscomponentupdateState

G.   componentDidupdate

H.   强制性升级

57:

一个开始优化ReactJS应用程序的第一个地方是什么?

A.   您不需要优化,Facebook已经使用Virtual Dom进行了

B.   建立更好的商店建筑

C.   使用更多内部组件状态,停止发射太多动作

D.   使用组件事件减少渲染功能调用

E.   不要使用setState功能

F.   使用道具与内部组件状态结合

58:

以下哪项用于触发UI更新?

A.   道具

B.   地位

C.   成分

59:

以下哪项用于触发UI渲染更新?

A.   道具

B.   状态

C.   通量

D.   成分

60:

以下哪种方法更改组件的状态?

A.   强制性升级

B.   SetState

C.   以上两个

D.   以上都不是

61:

以下哪些方法启动了组件的自定义状态?

A.   GetDefaultProps

B.   getInitialState

C.   GetState

D.   getDefaultState

62:

对于定义为纯JS函数的ReactJ组件,哪个是正确的?

A.   纯函数组件仅具有定义的渲染方法

B.   纯函数组件没有生命周期的方法或主体

C.   可以为纯函数组件设置DefaultProps

D.   纯函数组件具有ES6类所拥有的所有内容,但是您不能使用组件的内部状态,唯一的方法是突变数据来发射新操作并等待Props Update更新

63:

如果您单击

constructor(){super(); this.state = {状态:'no status'}; } handleclick(){this.setState({status:'i Am -the!'}); } render(){返回(
单击me
); }}

A.   返回false

B.   致命错误

C.   语法错误

D.   将状态状态更新为“我很好”

64:

以下哪种生命周期方法反应包括?

A.   组成符号

B.   应该componentupdate

C.   componentdidunmount

D.   组件意外事件

E.   上述所有的

65:

在初始渲染发生之前,立即调用哪个函数?

A.   componentDidmount()

B.   componentbeforoccur()

C.   componentwillreceivemount()

D.   componentwillmount()

66:

getInitialState方法调用以下哪种方法?

A.   组成式Willmount

B.   componentDidmount

C.   GetDefaultProps

D.   使成为

67:

以下哪种方法可以设置初始状态值,该态值可以通过this.state?

在组件内访问。

A.   getInitialState

B.   GetState

C.   GetDefaultProps

D.   getDefaultState

68:

如果父组件发出渲染函数会发生什么?

A.   儿童组件也将发射渲染功能,以使所有UI状态保持最新状态

B.   儿童组件将发射iNGCOMPONENTUPDATE

C.   只有在parent组件的运行渲染函数上更新存储的情况下,只有在商店更新商店时,儿童组件才会启动。

D.   只有在父母渲染期间更新状态时,儿童组件才会发射sighcomponentupdate

69:

用ES6类编写ReactJS应用程序需要什么并具有跨浏览器支持?

A.   webpack或浏览以生成ES4代码

B.   预告到ES5的将代码转移到ES5

C.   带有ES2015插件的BABEL将代码转换为ES5

D.   Babel在CLI支持

E.   babel与React和ES2015预设

70:

哪种应用程序架构与ReactJ一起广泛使用?

A.   通量

B.   使用MVC的通量

C.   MVC

D.   辛格尔顿

E.   柔性

F.   雷克斯图案

G.   通量架构

H.   JSX架构

71:

要使用本机JavaScript作为属性值,应包装在

A.   大括号

B.   双引号

C.   单引号

D.   两个卷发

E.   小括号

72:

如何在浏览器中转换JSX代码?

A.   babel独自建造

B.   标准的babel和反应预设

C.   Facebook推荐JSXtransFormer从ReactJS v0.15开始

D.   您不能在浏览器中使用JSX,必须在发送到浏览器之前将其转换为ES5

73:

使用___

表示组件的前后生命周期方法

A.   之前,之后

B.   威尔,做

C.   开始,结束

D.   没有提到

74:

以下代码会做什么? <路由器史= {history}> <路由路径='login'component = {logincontainer} />

A.   重定向路由器目录

B.   加载登录

C.   终止登录

D.   重定向登录

85:

ReactJS呈现HTML标签,如果元素是在__

中定义的

A.   小写

B.   大写

C.   小写和大写

D.   滴定酶

86:

以下哪个属性用于设置输入字段的默认值?

A.   价值

B.   默认值

C.   以上两个

87:

动作在redux中的作用是什么?

A.   操作是将数据从您的应用程序发送到商店的有效载荷。

B.   返回格式的动作对象

C.   创建本地商店

D.   创建调度程序

E.   Redux中没有任何动作

88:

以下哪个不是通量元素?

A.   动作

B.   调度员

C.   看法

D.   模型

89:

以下代码有什么问题? mycomponent.proptypes = {name:react.proptypes.string} mycomponent.defaultProps = {name:'my name'}

A.   没有什么是错的

B.   默认值不是必需的

C.   mycomponent.proptypes是一个函数而不是对象

D.   DefaultProps应该是DefaultProperties

90:

以下哪个是通量元素?

A.   调度员

B.   动作

C.   店铺

D.   看法

E.   上述所有的

91:

如何创建ReactJ组件?

A.   具有纯JS功能

B.   JS函数,ES6类扩展React.CreateClass或React.com Pospent函数

C.   JS功能,ES6类扩展React.component或React.CreateClass函数

D.   JS函数,ES6类扩展React.component或React.CreateClass函数,但是您无法定义初始状态

E.   如果仅在ES6类中需要扩展React.com的初始状态,否则 - 纯JS函数或React.CreateClass函数

F.   如果使用babel或JS功能,则使用ES6类

92:

关于Proptypes的哪个陈述不正确?

A.   它改善了某些IDE的自动完成

B.   它提供了更轻松的生产代码检查

C.   很容易为每个组件定义所需的道具

D.   如果与Isrequired属性一起使用,它会自动检查开发时值是否为null

E.   如果与Isrequired属性一起使用,它将自动检查开发时值是否不确定

93:

反应____仅渲染子组成部分。

A.   数据

B.   图书馆

C.   结果

D.   实例

94:

何时使用Mixins?

A.   不建议使用Mixins

B.   混合蛋白与间隔功能相同,仅在卸载后销毁组件时清除间隔

C.   混合素允许标准方法扩展ReactJs组件

D.   Mixins是构建自定义组件的好方法,这些组件将由任何其他ReactJ组件使用

95:

如何在React JSX中使用评论?

A.   //

B.   / * */

C.   <! - - >

D.   {/**/}

96:

以下哪项是为React组件创建链接的正确方法?

A.   a href = {'https://www.facebook.com/'}> link1 </a>

B.   链接到= {testContainer}> link1 </a>

C.   a href = {[to-component]}> link1 </a>

D.   a href-to = {'https://www.facebook.com/'}> link1 </a>

97:

哪个JSX语法不正确?

A.   buttons.fab />

B.   按钮> <span ID =“ docs-internal-guid-ac6efb7a-7fff-416c-f45c-80dec9051b2”> <span style =“ font-variant-numeric:normal; font-variant-east-asian:normal; fortry-align; vertical-align; vertical-align; vertical-align; :基线;“> </button> </span> </span>

C.   myComponent> <button /> <button /> <button /> < /mycomponent>

D.   div style = {{}}>嘿</div>

98:

有关助焊剂的哪个是正确的?

A.   调度程序用于将有效载荷广播到注册的回调。

B.   调度器用于检查DOM中的更改。

C.   调度程序用于在React Application中设置状态。

D.   调度程序用于将数据发送到组件。

99:

您可以使用没有通量的ReactJ吗?

A.   是的,但是您将不得不使用MVC

B.   是的

C.   不

D.   不,它是ReactJ的核心

100:

proptypes用于___?

A.   getInitialState

B.   验证

C.   GetPropsValue

D.   GetDefaultProps

E.   打字