Как вызвать объект внутри массива

Question

Как я вызываю текстовый doraemon для визуализации компонента

constructor(props) {
        super(props);
        this.state = {
            array: [
            {text:"doraemon",id:1},
            {text:"naruto", id:2},
        ],
    }
}

Я уже пробовал {this.state.array.text}, но это не сработало. Любое решение?

Answer 1

Так как this.state имеет в себе массив, вам нужно ссылаться на отдельные элементы массива, или в данном случае:

this.state.array[0].text
this.state.array[1].text

Предположительно, у вас будет al oop или развернуть это с вызовом map() с использованием id в качестве ключа для рендеринга.

Имейте в виду, что вы, вероятно, захотите дать этому свойству описательное имя, отличное от array. Здесь widgets, items или characters лучше, чем что-то слишком очевидное, например array.

Answer 2

Массив может содержать много значений под одним именем, и вы можете получить доступ к значениям, указав номер индекса. Итак, если ваш массив содержит объекты как items. Вы можете оценить их, сославшись на них как на простой массив.

В вашем случае это будет выглядеть так:

this.state.array[index].text

Answer 3

`Это мой ответ на ваш вопрос, поскольку в реальном мире вы будете постоянно использовать что-то подобное. И это мой первый ответ на переполнение стека

let doraemon = (searchItem) => {
let findDoremon = this.state.array.find(element => element.text === 
searchItem)

return findDoremon.text
}

let fondDoremon = doraemon("doraemon") //<<<<<<<< Here you can enter 
any name that you could like to find

console.log(fondDoremon);

Answer 4

попробуйте это:

this.state.array[0].text
this.state.array[1].text
.......................