ReactJS中的“......道具”是什么意思？

Question

什么意思......道具？代码是：

export default class NavItem extends React.Component {
constructor() {
    super();
}

render() {
    const { router, index, to, children, ...props } = this.props;
    let isActive = false;

    if (router.isActive('./', true) && index) {
        isActive = true

children我想这是实际元素的子元素，但是...props它是什么意思？

谢谢。

Answer 1

在此上下文中使用的

...被称为"the rest" parameter，如在＆＃34;其余部分＆＃34;

此行使用对象{{3}从this.props新变量router，index，to和children以及其他所有内容（其余部分）中分配的语法{ {1}}进入this.props

props

以下是其使用的另一个示例：

const { router, index, to, children, ...props } = this.props;