Как получить несколько API и загрузить данные по отдельности в следующем примере?

Question

Я пытаюсь получить несколько API в реакции.Первый API успешно извлек и отобразил результаты, но второй и третий API дали ошибку «TypeError: Невозможно прочитать свойство« data »из undefined».Я уверен, что API работает правильно, потому что это тот же вызов API, что и первый API.

if(str1 != ""){
fetch('http://someapi/' + str1)
.then(response => response.json())
.then(data => this.setState({ result1: data }))
}
if(str2 != ""){
fetch('http://someapi/' + str2)
.then(response => response.json())
.then(data => this.setState({ result1: data }))
}
if(str3 != ""{
fetch('http://someapi/' + str3)
.then(response => response.json())
.then(data => this.setState({ result1: data }))
}

Ожидаемый результат для всех 3 результатов

[{name: a, age: 1}, {name: b, age: 3}]

Тем не менее, самая первая выборка прошла успешно с сохранением правильного ответа в состояние.Остальная часть вызова API не завершила извлечение.

Есть идеи, почему это происходит?И код для устранения этой проблемы?