Как отобразить и отобразить первый идентификатор объектов массива данных const или state?

Question

У меня есть такое состояние:

 this.state={
        users:[
            {id:'1' , name:'jack' , familyname:'carry'},
            {id:'2' , name:'ben' , familyname:'rosvelt'},
            {id:'3' , name:'rans' , familyname:'mitoshy'},
        ]
    }

Но я хочу отобразить идентификатор 1 или, например, идентификатор 2 объектов, отображаемых фактически в одном массиве, а не весь массив.

Функция отображения, которую я написал, выглядит следующим образом:

{this.state.users.map((item, i) => (
<li key={i.id}>{item.name}</li>
))}

Как я могу это исправить?

Answer 1

У вас должна быть функция, которая принимает идентификатор, который вы хотите отобразить в качестве параметра затем найдите массив, чтобы увидеть, какой из идентификаторов объектов равен идентификатору, например,

display (id) {
  this.state.users.find(user) {
    if(user.id === 1) {
      return <li key={user.id}>{user.name}</li>
    }
  }
}

Answer 2

Вы используете противоречивые аргументы в вашей функции map.Вы пытаетесь получить доступ к i.id, который является id свойством целого числа (индекса).Вам не нужно i, просто используйте item вот так:

{this.state.users.map(item => (
    <li key={item.id}>{item.name}</li>
))}