Question

在我的一个反应应用程序中，我必须遍历一个数组。

function ActionTags({tags}) {
    let thisTagsHtml = (tags);
    //thisTagsHTML is a simple string, separated by ##  
    //string1##string2##string3##string4
    let tagsArray = thisTagsHtml.split('##');
    console.log(tagsArray);
    return (
        <div>
            {tagsArray.map(function(item, i){
                <span key = {i}>{item}</span>
            })}
        </div>
    );
}

这看起来很简单。但是，该功能不会返回任何内容。知道我的错误在哪里？谢谢。

Answer 1

您在声明return

之前错过了<span key = {i}>{item}</span>关键字

像这样：

function ActionTags({tags}) {
    let thisTagsHtml = (tags);
    //thisTagsHTML is a simple string, separated by ##  
    //string1##string2##string3##string4
    let tagsArray = thisTagsHtml.split('##');
    console.log(tagsArray);
    return (<div>
    {
        tagsArray.map(function(item, i) {
           return <span key={i}>{item}</span>
        });
    }
    </div>);
}

在React中没有返回的Map函数

1 个答案: