Question

import React, {Component} from 'react';
import axios from 'axios';

export default class apidata extends Component {

    componentDidMount() {
      axios.get(`https://url`)
        .then(res => {
          const items = res.data;

        })
    }
}

如何将items json数据传递到导入此类的父类文件？

Answer 1

您可以在期望items并对其执行某些操作的父方法上使用一个方法。然后，将其作为道具传递到ApiData组件。这是一个示例：

class Parent extends Component {
  handleItems(items) {
    // Do something
  }

  render() {
    return <ApiData handleItems={this.handleItems} />;
  }
}

class ApiData extends Component {
  componentDidMount() {
    axios.get(`https://url`)
      .then(res => {
        const items = res.data;
        this.props.handleItems(items);
      })
  }
}

如何将数据传递到另一个文件？

1 个答案: