Array.map 索引未定义？

Question

我的 React 中有以下代码：

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

但是，这会返回错误，即在 console.log 行上'index' is not defined no-undef 。 这是 state：

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

为什么会这样？

Answer 1

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

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

Answer 2

也许您只是在 map function 周围缺少一些花括号

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

Answer 3

您需要在数组 function 中添加 { }

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