换行反应

问题描述 投票:0回答:1

我对编码很陌生。我看过MDN,WJ(一些东西)。我不知道如何换行

         return market.outcomes.map(
                                  ({ name, price, point }) => {
                                    let sbTemp = "";

                                    if (name === "Over") {
                                      sbTemp = "o";
                                    } else if (name === "Under") {
                                      sbTemp = "u";
                                    }

                                    if (point && point !== "price") {
                                      sbTemp += `${point}`;
                                    }
                                    sbTemp += price;

                                    return <td>{sbTemp}</td>;
                                  }
                                );
                              })}
                            </tr>

就像我说的,我尝试使用 MDN、WJ3。

<br>
, 。不明白

javascript reactjs new-operator conditional-formatting
1个回答
0
投票

这个问题有误导性,需要纠正。问题在于它是一个内联块元素。意思是,当我们写作时

<td>item 1</td>
<td>item 2</td>
<td>item 3</td>

这不会为每个项目添加换行符,所有内容都将在一行中。

item 1 item 2 item 3

所以,我假设您正在尝试在单元格中打印一堆值。所以,而不是

<td></td>

你可以使用类似的东西

<p></p>.

或者在td标签本身中,添加

的样式属性
display: block;

我认为这样就可以了,但如果这不是你想要的。欢迎评论。

© www.soinside.com 2019 - 2024. All rights reserved.