如何在一个类中调用 2 个 api 以便两者都工作？ （反应）

Question

我想在一个类中调用 api 两次，但是当我调用另一个类时，第一个不再起作用。我该怎么办？

这是代码 ---> P.S 这只是一个请求代码。我不写渲染代码

export class  Ajax1 extends Component{
    constructor(props){
        super(props)
        this.state={
            info:[],
            info2:[]
        }
    }

    async componentDidMount(){
        const url="https://jsonplaceholder.typicode.com/users"
        const res=await fetch(url)
        const data= await res.json()
        this.setState({info:data})
    }

    async componentDidMount(){
        const url="https://jsonplaceholder.typicode.com/posts"
        const res=await fetch(url)
        const data= await res.json()
        this.setState({info2:data})
    }

Answer 1

同一类中不应有多个 componentDidMount 函数：

async componentDidMount(){
    this.fetchInfo();
    this.fetchInfo2()
}

async fetchInfo(){
    const url="https://jsonplaceholder.typicode.com/users"
    const res=await fetch(url)
    const data= await res.json()
    this.setState({info:data})
}

async fetchInfo2(){
    const url="https://jsonplaceholder.typicode.com/posts"
    const res=await fetch(url)
    const data= await res.json()
    this.setState({info2:data})
}