我有一个父组件和3个子组件。当我点击第三个孩子的按钮时,我应该能够在父项中运行方法,并且还可以在子项中运行方法。我该怎么做呢?
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}>
}```
/
发布于 2019-06-04 11:56:54
我想找到在按钮点击之外进行验证的方法。除此之外,您可以将一个道具传递给Address&PaymentDetails兄弟,以提示验证运行,然后让组件将一个函数返回给父项及其结果。虽然它真的很难看
https://stackoverflow.com/questions/-100006910
复制相似问题