Как я могу вставить несколько циклов в массиве Axios.?

Как я могу вставить несколько циклов в массиве Axios.?

Я пытался получить две строки из массива axios, но почему-то он продолжает выдавать ошибку, помогите мне, пожалуйста.

Я хочу выпадающий список с группами, которые должны быть разделены по группам opt, и когда я пытаюсь выполнить свой код, он продолжает выдавать ошибку в операторе возврата.

импортировать React, {Component, Fragment} из ‘реакции’; импорт axios из ‘axios’

 class Home extends Component { state= { users: [], showEmails: false, showNames: false, showUsername: false } componentDidMount(){ axios.get('https://jsonplaceholder.typicode.com/users') .then (res ={amp}gt; { console.log(res) this.setState({ users: res.data }) }) } handleChange = (e) ={amp}gt; { const value = e.target.value; console.log(e) debugger } render() { const { users } = this.state; const nameList = users.length ? ( {amp}lt;div className="input-group input-group-sm mb-2"{amp}gt; {amp}lt;select className="form-control form-control-sm" id="select1" multiple="multiple" {amp}gt; { users.map((user, i) ={amp}gt; { return( {amp}lt;option key={i} value={user.name}{amp}gt; {user.name} {amp}lt;/option{amp}gt; ) }) } {amp}lt;/select{amp}gt; {amp}lt;/div{amp}gt; ) : 'No Data'; const namesList = users.length ? ( {amp}lt;select className="custom-select"{amp}gt; { Object.keys(users).map(ids ={amp}gt;{ return( users [ids]. users.map((user, i) ={amp}gt; { return( {amp}lt;Fragment{amp}gt; {amp}lt;optgroup label="Names" {amp}gt; {amp}lt;option key={i.id} value={user.name}{amp}gt; {user.name} {amp}lt;/option{amp}gt; {amp}lt;/optgroup{amp}gt; {amp}lt;optgroup label=" Emails"{amp}gt; {amp}lt;option key={i.id} value={user.email}{amp}gt; {user.email} {amp}lt;/option{amp}gt; {amp}lt;/optgroup{amp}gt; {amp}lt;/Fragment{amp}gt; ) }) ) }) } {amp}lt;/select{amp}gt; ) : 'No Data'; return ( {amp}lt;Fragment{amp}gt; {namesList} {amp}lt;hr /{amp}gt; {nameList} {amp}lt;/Fragment{amp}gt; ); } } export default Home; 
Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector