Javascript 将数组的数组映射为列表

发布于06月27日

我有一个答案数组，按照它们所属的问题进行排序，如下所示:

    sortedAnswers= [[Answer1, Answer2, Answer3, Answer4],[AnswerA, AnswerB, AnswerC, AnswerD]...]

我正在try 在Reaction中呈现ListItemButton的列表.我试过用

    <ButtonGroup
      fullWidth
      orientation='vertical'
      onClick={handleSubmit}
      onChange={handleChange}
    >
      {sortedAnswers.map((item) =>
        <ListItemButton>{item}</ListItemButton> )}
    </ButtonGroup>

但它并没有像预期的那样工作，我得到了这个:

我希望每个答案都有一个ListItemButton，所以每个问题有4个按钮.如何才能得到按钮中第一个数组的答案呢？

{sortedAnswers.length > 0 && ( <ButtonGroup fullWidth orientation='vertical' onClick={handleSubmit} onChange={handleChange}> {sortedAnswers[0].map((answer, index) => ( <ListItemButton key={index}>{answer}</ListItemButton> ))} </ButtonGroup> )}

Javascript 将数组的数组映射为列表

推荐答案

Javascript相关问答推荐

如何在不使用类型化数组的情况下将32位浮点数按位转换为整值？

如果没有尾随斜线，托管在收件箱中的React/Vite将无法工作

如何避免移动设备中出现虚假调整大小事件？

如何用显示网格平滑地将元素从一个地方移动到另一个地方？

在执行异步导入之前判断模块是否已导入()

在WordPress中使用带有WPCode的Java代码片段时出现意外令牌错误

IF语句的计算结果与实际情况相反

覆盖TypeScrip中的Lit-Element子类的属性类型

400 bad request error posting through node-fetch

使用auth.js保护API路由的Next.JS，FETCH()不起作用

在开发期间，Web浏览器如何运行&qot；.jsx&qot；文件？

为什么可选参数的顺序会导致问题？

无法避免UV：flat的插值：非法使用保留字"

JS Animate()方法未按预期工作

不同表的条件API端点Reaction-redux

如何使用画布在另一个内部绘制一个较小但相同的形状，同时保持恒定的边界厚度？

我正在试着做一个TicTacToe Ai来和我玩.但是，我试着在第一个方块被点击时出现一个X，然后在第二个方块之后出现一个O

Pevent触发material 用户界面数据网格中的自动保存

如何使用[ModelJSON，ArrayBuffer]调用tf.loadGraphModelSync

使用createBrowserRoutVS BrowserRouter的Reaction路由