如何在数组中调用对象

Question

我如何调用文本哆啦A梦来渲染组件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].
textthis.state.array[1].text

大概你会有一个循环，或者使用作为渲染键的map()调用来扩展它。id

请记住，您可能希望为该属性指定一个描述性名称，而不是array. 在这里widgetsor itemsorcharacters是一个更好的选择，而不是像array.

Answer 2

尝试这个：

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

Answer 3

一个数组可以在一个名称下保存许多值，您可以通过引用索引号来访问这些值。因此，如果您的数组包含对象作为项目。您可以通过将它们引用为简单数组来评估它们。

在您的情况下，它看起来像这样：

this.state.array[index].text

Answer 4

` 这是我对您的问题的回答，因为在现实世界中您将一直使用类似的东西。这是我关于堆栈溢出的第一个答案

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);