javascript - React 中的 ...{} 是什么（三个点后跟大括号）

Question

我正在尝试理解 Javascript/React 并且在我的理解中......将是传播，但是，在这个例子中，这种用法对我来说没有意义：

render() {
        const { showLoading, hideLoading } = this

        const value = {
            ...this.state,
            showLoading,
            hideLoading
        }

        return (
            <LoadingContext.Provider value={value}>
                <LoadingContext.Consumer>
                    {
                        ({ showLoading, hideLoading, loading, message }) => (
                            <Fragment>

                                <Users  {...{ showLoading, hideLoading }} />

                                <Departments {...{ showLoading, hideLoading }} />

                                <Loading {...{ loading, message }} />

                            </Fragment>
                        )
                    }
                </LoadingContext.Consumer>
            </LoadingContext.Provider>
        )
    }

Users、Departments 和 Loading 分别只接收两个参数，那么为什么这些...{}？

标签： javascriptreactjs