реагировать на родительские компоненты без дочерних компонентов - PullRequest
Новая
       13

реагировать на родительские компоненты без дочерних компонентов

0 голосов
/ 29 сентября 2019

например, у меня есть 5 компонентов, первый компонент как остальной родительский элемент как дочерний, все ли данные / ответ от API хранятся в родительском компоненте и затем передаются дочернему компоненту? или у каждого дочернего компонента есть состояние для хранения данных / ответа от API? или наоборот? таким образом, каждый компонент имеет свое собственное состояние 

export class Home extends Component {
  constructor(props){
    super(props)
    this.state = {
      dataComponentChild1: [],
      dataComponentChild2: [],
      dataComponentChild3: [],
      dataComponentChild4: [],
    }
  }

  async componentDidMount(){
    await Api.post('/example1-endpoint')
    await Api.post('/example2-endpoint')
    await Api.post('/example3-endpoint')
    await Api.post('/example4-endpoint')
    .then((response) => {
      const responseJson = response
      if (responseJson.data.STATUS_CODE === '200') {
        this.setState({
          dataComponentChild1: responseJson.data,
          dataComponentChild2: responseJson.data,
          dataComponentChild3: responseJson.data,
          dataComponentChild4: responseJson.data,
        });
      }
    })
  }

  render() {

    const {dataComponentChild1,dataComponentChild2,dataComponentChild3,dataComponentChild4} = this.state

    return (
      <React.Fragment>
        <Component1 props1 = {dataComponentChild1} />
        <Component2 props2 = {dataComponentChild2} />
        <Component3 props3 = {dataComponentChild3} />
        <Component4 props4 = {dataComponentChild4}/>
      </React.Fragment>
    )
  }

, и что если я хочу отправить / получить доступ ко многим конечным точкам одновременно? Правильный ли мой метод выше?

...