主页 / 问题 / 713270
Accepted
Puvvl
Asked:2020-09-01 20:12:44 +0000 UTC2020-09-01 20:12:44 +0000 UTC

React：在对象中正确解析数组

  • 772

下午好，有一个对象，其中还有 1 个包含数据的数组，它是这样的：

{
    name: "Material"
    tagsName: [0: "ikea", 1: "Street furniture", 2: "restoration hardware"]
}

告诉我如何正确解析 tagsName 以便可以分别提取每个标签？我的变体，但将所有标签拉到一行：

                {[this.state.funnelData].map((funnel, index) => {
                    return (
                        <div key={index}>
                            // name: "Material"
                            <span>{funnel.name}:</span>

                            //tagsName: [0: "ikea", 1: "Street furniture", 2: "restoration hardware"]
                            {[funnel.tagsName].map((value, ind) => {
                                return (
                                    <span key={ind}>{value}</span>
                                )
                            })}
                        </div>
                    )
                })}

现在结果是这样的（您需要将每个标签写在一个单独的标签中<span>）： 在此处输入图像描述

парсер

1 个回答

  1. Best Answer
     {[this.state.funnelData].map((funnel, index) => {
                return (
                    <div key={index}>
                        // name: "Material"
                        <span>{funnel.name}:</span>

                        //tagsName: [0: "ikea", 1: "Street furniture", 2: "restoration hardware"]
                        {funnel.tagsName.map((value, ind) => {
                            return (
                                <span key={ind}>{value}</span>
                            )
                        })}
                    </div>
                )
            })}

    无需将 tagsName 包装在一个数组中 - 它已经是一个数组

    • 2

相关问题