首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >当点击第三个孩子的按钮时,我如何调用另一个孩子的方法?

当点击第三个孩子的按钮时,我如何调用另一个孩子的方法?
EN

Stack Overflow用户
提问于 2019-06-04 02:56:00
回答 1查看 0关注 0票数 0

我有一个父组件和3个子组件。当我点击第三个孩子的按钮时,我应该能够在父项中运行方法,并且还可以在子项中运行方法。我该怎么做呢?

代码语言:javascript
复制
class Main extends Component{
  constructor(){
    super();
    this.state = {
      amount: 10,
    };
  }

  handleOnPayButtonClick = () => {
// here I should be able to runValidations on both the children
    this.setState({
      amount: 20,
    });
  }

render(){
  <Addresss />
  <PaymentDetails />
  <PayButton
      onPayButtonClicked={() => this.handleOnPayButtonClick()}
  />
}
}

class Address extends Component{

  runValidation = ()=>{
// validations for this component state
  }
......
}

class PaymentDetails extends Component{

  runValidation = ()=>{
// validations for this component state
  }
......
}

class PayButton extends Component{
   <Button onClick={props ? props.onPayButtonClicked : undefined}>
}```

/
EN

回答 1

Stack Overflow用户

发布于 2019-06-04 11:56:54

我想找到在按钮点击之外进行验证的方法。除此之外,您可以将一个道具传递给Address&PaymentDetails兄弟,以提示验证运行,然后让组件将一个函数返回给父项及其结果。虽然它真的很难看

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/-100006910

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档