wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

react- JSX & Component

Total questions: 10

Worksheet time: 5mins

Name
Class
Date
1.

关于JSX的说法正确的是?

a)

JSX 全称JavaScript XML

b)

JSX 和 HTML 标签没什么区别

c)

JSX 本质上是JavaScript

d)

JSX 是一种类似于XML语法的JS的扩展

2.
如何给jsx元素添加class属性
a)
id
b)
className
c)
class
d)
style
3.

在JSX, 可以使用哪个标签创建下拉列表(drop-down list)最简单?

a)

<Select >

b)

<select>

c)

<li>

d)

<ul>

4.

使用_________作为数组元素的标识?

a)

ref

b)

data

c)

key

d)

store

5.

哪一个写法是组件调用?

a)

{ header }

b)

<Header />

c)

<header>

d)

header()

6.

关于 Class Component 描述正确的是?

a)

import React from 'react'

b)

have only one render

c)

must extends React.Component

d)

all of the above

7.

传递 props 的正确方式?

a)

<Hello name="World" />

b)

<{this.state.name} />

c)

<name Hello={this.props} />

d)

<Hello = "World" />

8.

声明一个组件的正确方式有哪些?

a)

const Hello = () => { <h1>Hi, there!<h1> }

b)

const Hello = () => <h1>Hi, there!<h1>

c)
d)
9.

哪一种写法是正确的将组件渲染在页面root节点上

a)

React.render(<Hello />, document.getElementById('root'))

b)

ReactDOM.render(<Hello />, document.getElementById('root'))

c)

ReactDOM.render(Hello, document.getElementById('root'))

d)

React.render(Hello, document.getElementById('root'))

10.

哪一个选项可以组件返回多个元素

a)

props

b)

Fragment

c)

HOC

d)

None of these