document.querySelector('.dropdown-menu').addEventListener('change', function(e) {
document.querySelector('.dropdown .btn').textContent = e.target.value;
});<<= 1 на каждой итерации, или сначала собирайте в цикле полную маску, и после применяйте один раз.
const search = this.state.searchValue;
Promise.all(this.state.roots.map(n => {
return axios.get(`${n}?search=${search}`).then(response => {
return response.data.results.map(item => ({
name: item.name,
rootName: n.split('/')[4],
}));
}).catch(() => []);
})).then(results => {
this.setState({
options: results.flat(),
});
});
То есть, всё-таки наврали про разметку. ЗАЧЕМ?