react练习题

1.在函数组件中使用哪个Hook可以包裹副作用（改变 DOM、添加订阅、设置定时器、记录日志等）

useReducer

useState

useEffect

useCallback

2.以下不属于react支持的剪贴板事件的

onCopy

onPaste

onCut

onBeforeCopy

3.class组件生命周期方法对应到函数组件和Hook，以下说法错误的是

render => 这是函数组件体本身

getSnapshotBeforeUpdate 目前没有对应的Hook

constructor => 函数组件不需要构造函数。你可以通过调用 useState 来初始化 state。

componentWillUnmount 目前没有对应的Hook

4.以下可以用来动态引入组件的是？

React.Fragments

React.lazy

React.Suspense

React.import

5.要在下面代码中组件的props上进行类型检查，可以使用

1 2 3 4 5 6 7 8 9

import PropTypes from 'prop-types';   class Greeting extends React.Component {    render() {       return (          <h1>Hello, {this.props.name}</h1>         );     }  }

Greeting.propType = {

name: PropTypes.string

};

Greeting.propsType = {

name: PropTypes.string

};

Greeting.propTypes = {

name: PropTypes.string

};

Greeting.proptypes = {

name: PropTypes.string

};

每个路由都有自己的onEnter和onLeave钩子，观察以下代码，当从“/a”跳转到“/b”时，各路由的钩子被调用顺序为（）

```

<Route path="/a" component={About} />

＜Route path="/b" component={Inbox} />

＜Route path="/c" component={Inbox} />

```

"/a"的onEnter -> "/a"的onLeave -> "/c"的onLeave -> "/b"的onLeave -> "/b"的onEnter

"/a"的onEnter -> "/a"的onLeave -> "/c"的onLeave -> "/b"的onEnter

"/a"的onEnter -> "/a"的onLeave -> "/b"的onEnter

"/a"的onLeave -> "/b"的onEnter