javascript - Array.map 索引未定义？

Question

我的 React 中有以下代码:

{
    comments.map((comment, index) =>
        console.log({index}), 
        <Textfield key = {index} placeholder = "Add Comment" Id = "addComment" / >
    )
}

但是，这会返回错误，即 'index' is not defined no-undef on the console.log line。这是状态:

const [comments,setComments] = useState([[]])

为什么会这样？

Answer 1

您需要从 map 函数返回一个元素。在这里你只是尝试到底是什么？我认为您只需要用 { } 包装您的函数并使用 return 语句。

{
    comments.map((comment, index) => {
        console.log({index});
        return <Textfield key = {index} placeholder ="Add Comment" Id="addComment" />;
    })
}