使用传播属性时如何在子组件中获取道具

Posted 2023-02-22

【中文标题】使用传播属性时如何在子组件中获取道具

【英文标题】：How to get props in child component when using spread attribute

【发布时间】：2019-01-30 05:17:39

【问题描述】：

Containers 是子组件。我在父组件中使用单独的 props 传递给它。

const props = key:_("containerList"),
                containers: this.state.containers,
                containersStats: this.state.containersStats,
                onlyShowRunning: this.state.onlyShowRunning,
                updateContainers: this.updateContainers,
                updateContainerStats: this.updateContainerStats
            
        containerList=
            <Containers
                ...props
            ></Containers>  

现在我想获取子组件Containers中的道具，怎么做？ this.props.containers?还是this.props.updateContainers？

【问题讨论】：

是吗？ this.props.containers 等将返回您传递的道具。

【参考方案1】：

由于您使用的是spread operator。它枚举你所有的道具并将这些道具传递给子组件。因此，在您的 <Containers /> 组件中，您可以像这样访问您的道具：

const  key,
        containers,
        containersStats,
        onlyShowRunning,
        updateContainers,
        updateContainerStats = this.props

如果您需要任何进一步的说明，请告诉我。