Question

我有一个名为Card的父组件和子组件。卡片是第三方组件，它可以呈现一组卡片并且具有css转换效果，例如拖动和更改布局。问题是当卡更改我想要在父组件中处理的布局时。目前卡片布局状态设置在我无法访问的子项中。当子组件布局更改父级应该获得该更改时，我们如何才能实现此目标

Answer 1

您可以将父母的手柄功能传递给您的孩子。然后，当您的孩子上的某个事件被触发时，您可以在您的父组件上执行任何操作（例如设置状态）。

class Parent extends React.Component {
  onChildLayoutChange = () => {
    // do what you want to do with the parent component on child change here
  }

  render() {
    return <Child onLayoutChange={this.onChildLayoutChange} />    
  }
}

Reactjs子组件呈现

1 个答案: