尝试将第二个映射方法包装在行 DIV 中，但我不断收到意外的标记错误

Question

{middleMenu.map((column) => {

          return (

            <div className="row">

             column.map((item) => {

              const { title, image, path } = item;

              return (

                <ul className="footer-collections">

                  <MenuLinks title={title} image={image} path={path} />

                </ul>

              );

            })

            </div>

          );

        })}

有谁知道解决方案是什么？我第一次使用二维数组

Answer 1

使用 ：&nbsp; <div className="row">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;{column.map((item) => {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; const { title, image, path } = item;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; return (&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <ul className="footer-collections">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <MenuLinks title={title} image={image} path={path} />&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </ul>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; );&nbsp; &nbsp; &nbsp; &nbsp; })}&nbsp; &nbsp; &nbsp; &nbsp; </div>