最常问的 35+ 个 React.js 选择题

1) 以下哪个是 React.js 的正确名称？

1. React
2. React.js
3. ReactJS
4. 以上全部。

2) 以下哪些是 React.js 的优点？

1. React.js 可以通过虚拟 DOM 提高应用程序的性能。
2. React.js 易于与其他框架（如 Angular、BackboneJS）集成，因为它只是一个视图库。
3. React.js 可以渲染客户端和服务器端。
4. 以上全部。

3) 以下哪个不是 React.js 的缺点？

1. React.js 只有一个视图层。我们需要编写 Ajax 请求、事件等代码。
2. React.js 的库相当大。
3. React.js 中的 JSX 使代码易于阅读和编写。
4. React.js 的学习曲线可能很陡峭。

4) 以下哪个命令用于安装 create-react-app？

1. npm install -g create-react-app
2. npm install create-react-app
3. npm install -f create-react-app
4. install -g create-react-app

5) 在 React.js 中使用以下哪个来提高性能？

1. 原始 DOM
2. 虚拟 DOM
3. A 和 B 都是。
4. 以上都不是。

6) 类是函数的一种类型，但我们不使用关键字 function 来初始化它，而是使用哪个关键字？

1. 构造函数
2. Class
3. Object
4. DataObject

7) 以下哪个是类组件的输入？

1. Class
2. 工厂模式
3. Render（呈现）
4. Props

8) 以下哪个关键字用于创建类继承？

1. 创建
2. Inherits
3. 扩展
4. This (这)

9) 以下示例的输出是什么？

1. Hello World 1
2. Hello World 2
3. Hello World 1 Hello World 2
4. Error

10) webpack-server 运行的默认端口是多少？

1. 3000
2. 8080
3. 3030
4. 6060

11) 有效的 React 组件可以返回多少个元素？

1. 1
2. 2
3. 4
4. 5

12) 基于数组中的值，声明性地渲染动态组件列表的正确方法是什么？

1. 使用 reduce 数组方法
2. 使用 组件
3. 使用 Array.map() 方法
4. 使用 for/while 循环

13) ES6 中定义变量有多少种方式？

1. 1
2. 3
3. 4
4. 5

14) React 中的 state 是什么？

1. 永久存储。
2. 组件的内部存储。
3. 组件的外部存储。
4. 以上都不是。

15) 在 React 中处理数据的两种方式是什么？

1. State & Props
2. Services & Components
3. State & Services
4. State & Component

16) React.js 组件保存在哪个目录中？

1. js/components/ 目录下
2. vendor/components/ 目录下
3. external/components/ 目录下
4. vendor/ 目录下

17) 以下哪个 API 对于每个 React.js 组件都是必需的？

1. SetinitialComponent
2. renderComponent
3. render
4. 以上全部。

18) 在 Babel 的情况下，以下哪个选项是正确的？

1. Babel 是一个编译器。
2. Babel 是一个转译器。
3. 以上都不是。
4. A 和 B 都正确。

19) React.js 是否在内存中创建 VIRTUAL DOM？

1. TRUE
2. FALSE
3. 可以是真或假
4. 无法判断

20) "webpack" 命令在 React.js 中的用途是什么？

1. "webpack" 命令用于将所有 JavaScript 转译成一个文件。
2. 它运行 React 本地开发服务器。
3. 它是一个模块打包器。
4. 以上都不是。

21) 在 React.js 中，以下哪个用于将数据从外部传递到组件？

1. SetState
2. Render with arguments
3. Props
4. PropTypes

22) ES6 代表什么？

1. ECMAScript 6
2. ECMA 6
3. ECMAJavaScript 6
4. EJavaScript 6

23) 以下哪个函数用于更改 React.js 组件的状态？

1. this.setState
2. this.setChangeState
3. this.State{}
4. 以上都不是。

24) 以下哪个方法是指 React.js 中的父类？

1. inherits()
2. self()
3. super()
4. this()

25) 如果渲染一个 disabled = {false} 的输入元素会发生什么？

1. 它将被渲染为禁用
2. 它根本不会被渲染
3. 它将被渲染为启用
4. 你不能将其设置为 false。

26) 在 React 中，以下哪个函数用于将 HTML 渲染到网页？

1. render()
2. render()
3. ReactDOM_render()
4. render()

27) React 组件最高级别的生命周期事件有哪些？

1. 销毁
2. 初始化
3. State/Property Updates
4. 以上全部。

28) setState 的用途是什么？

1. 调用 setState 操作完成后执行的代码。
2. 完全替换 state 而不是默认的合并操作。
3. 在 setState 操作之前访问先前状态。
4. 以上都不是。

29) 以下哪个最佳定义了“key” prop？

1. "Key" prop 用于美观，没有任何好处。
2. "Key" prop 是一种让 React 识别列表中新添加的项并在“diffing”算法中进行比较的方式。
3. 它是 HTML 中的一个属性。
4. 它不常用于数组。

30) 以下哪个方法不是 ReactDOM 的一部分？

1. ReactDOM.destroy()
2. ReactDOM.hydrate()
3. ReactDOM.createPortal()
4. ReactDOM.findDOMNode()

31) 如何为不受控的表单字段设置默认值？

1. 使用 value 属性
2. 使用 defaultValue 属性
3. 使用 default 属性
4. 它会自动分配。

32) 我们可以通过调用 setState() 方法在 React.js 中更新 state。这些调用是

1. 同步的。
2. 异步的。
3. 是异步的，但可以在需要时同步。
4. 以上都不是。

33) 以下哪个陈述对于 React.js 中的受控组件是正确的？

1. 事实的来源是 DOM。
2. 事实的来源可以是任何东西。
3. 事实的来源是组件 state。
4. 以上都不是。

34) 当 React 组件的 state 改变时，组件中会出现什么变化？

1. 它什么也不做；您必须调用 render 方法才能再次渲染组件。
2. 它将重新渲染组件。
3. 它可以从头开始创建。
4. 以上都不是。

35) 以下哪个陈述对于 React.js 中的不受控组件是正确的？

1. 事实的来源是 DOM。
2. 事实的来源是组件 state。
3. 事实的来源可以是任何东西。
4. 以上都不是。

36) 在以下哪个条件下，React.js 生命周期方法 static getDerivedSateFromProps(props, state) 会被调用？

1. 组件是第一次创建。
2. 组件的 state 已更新。
3. 以上两者皆是。
4. 以上都不是。

37) create-react-app 命令在 React.js 应用程序中的用途是什么？

1. 它用于更新 React 应用。
2. 它用于创建一个新的 React 应用。
3. 它用于安装依赖项。
4. 以上都不是。

38) 以下关于 React 中元素列表的 key 的说法哪个是正确的？

1. 在 DOM 中是唯一的。
2. 仅在同级元素中是唯一的。
3. 不需要是唯一的。
4. 以上都不是。