如何在数组中调用对象

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 ===&nbsp;searchItem)return findDoremon.text}let fondDoremon = doraemon("doraemon") //<<<<<<<< Here you can enter&nbsp;any name that you could like to findconsole.log(fondDoremon);