如何在子组件的子组件中访问道具

Question

我有三个成分，分别是A，B，C。 我需要将样式从A组件传递到C组件作为道具。 在A组件中，我提到了

    const customeStyle : Istyle
    {
    overFlow: 'auto'
    }

现在，我需要在组件C中将此属性作为IStyle。

在我作为

传递的组件中

    <A {...this.props.customStyle} />

我已经创建了界面

   interface IProps
   {
    style : IStyle
   }

在B组件中

   Class B extends React.Component<IProps>

   <C { ...this.props.customStyle}

在C组件中

          Class C extends React.Component<IProps>

如何将props值作为Istyle获得，因为我需要提供动态溢出属性。

Answer 1

您需要考虑您所传承的内容。铺展对象时，可以使用它的键，即，不是将样式作为道具传递，而是将其属性传递给

。

<A {...this.props.customStyle} />

与

相同

<A overFlow="auto" />