[Child > Parent > Child] ParentComponent - Code Snippet for https://blog.nextzy.me/การส่งข้อมูลระหว่าง-parent-และ-child-componentใน-react-725eb793de7b

ParentComponent.jsx

import React, { Component } from 'react'
import FirstChildComponent from './FirstChildComponent'
import SecondChildComponent from './SecondChildComponent'
...

class ParentComponent extends Component {
  constructor(props) {
    super(props)
    this.state = {
      isOrderConfirm: false
    };
  }

  ...

  onConfirm = (order) => {
    this.setState({
      isOrderConfirm: true
    })
  }

  render() {
    return (
      <React.Fragment>
        <FirstChildComponent confirm={this.onConfirm} />
        <SecondChildComponent isOrderConfirm={this.state.isOrderConfirm} />
      </React.Fragment>
    )
  }
}

export default ParentComponent