Question

正如您在下面的代码示例中看到的那样，它是react组件中render（）块的一部分，我试图在外部循环中呈现变量“ folder”的值。不幸的是，代码部分

<div>{folder}</div>

似乎被忽略。谁能帮我找到从外循环输出当前文件夹值的正确语法？

{
    folders.map((folder,_index1) => {

        <div>{folder}</div>

        return (
                items.map((item, index) => {
                return (
                        <div>
                        {(folder === item.folder) ?
                                <Draggable
                                key={item.id}
                                draggableId={item.id}
                                index={index}>
                                {(provided, snapshot) => (
                                <div
                                    ref={provided.innerRef}
                                    { ...provided.draggableProps }
                                    { ...provided.dragHandleProps }
                                    style={getItemStyle(
                                    snapshot.isDragging,
                                    provided.draggableProps.style
                                    )}>
                                    <div>
                                    {item.content}
                                    </div>
                                </div>
                                )}
                            </Draggable>
                            : null
                        } 
                        </div>

         )})
    )})
}

Answer 1

假设您要在React中渲染元素列表，render方法应如下所示：

render(){
    const items = this.state.items.map(item => (<div>{item.data}</div>))

    return(
        <div>{items}</div>
    )
}

Answer 2

遵循Zydnar的上述评论：

它应该是这样的：

:cls

如何在react render（）方法中从嵌套循环中正确打印值？

2 个答案: