有没有办法为它显示的每个数据设置一个换行符？

Question

我有这个数组，我已经可以在屏幕上显示它了。我想知道是否可以为它显示的每个数据添加一个换行符。

{
      name: "cartItems",
      label: "Product Name",
      options: {
        filter: true,
        sort: true,
        customBodyRender: (value, tableMeta, updateValue) => {
          // console.log(value, "cartItems");
          return value.map(
            (value) =>
              value.name +
              " (" +
              value.color +
              ") - " +
              " Qty:" +
              value.quantity +
              ","
          );
        }
      }
    }

截至目前，它显示在一行中，如下所示：

商品名称（商品颜色）- 数量：1 商品名称（商品颜色）- 数量：2 商品名称（商品颜色）- 数量：2

我想以某种方式显示它：

Item name (item color) - Qty: 1
Item name (item color) - Qty: 2
Item name (item color) - Qty: 2

这可能吗？

Answer 1

尝试添加\n

          return value.map(
            (value) =>
              value.name +
              " (" +
              value.color +
              ") - " +
              " Qty:" +
              value.quantity +
              "," + 
              "\n"
          );
        

Answer 2

试试这个：

return value.map((value) => `${value.name} (${value.color}) - Qty: ${value.quantity}, 
`);