创建新行，反应 tsx 不起作用

Question

我想在我的 React tsx (TypeScript) 网络应用程序的新行中设置用户名。

entry.comment 包含以下字符串：jsdkjfdjsfds
entry.username 包含以下字符串：Noah

我的代码看起来像这样，我尝试使用 \n 但这不起作用：

<div className={classes.entryContent}>
  <Typography className={classes.entryContentParagraph} variant="body2" paragraph={true}>
    <ReactMarkdown>
      {entry.comment + "\n" + entry.username}
    </ReactMarkdown>
  </Typography>
</div>

你有什么建议吗？保持新鲜！

Answer 1

根据这个问题和降价转换

https://github.com/remarkjs/react-markdown/issues/273

你应该在你想要中断的行的末尾放两个空格，基本上是这样的：

line one  \nline two

这个

会给你

但是这个

会给你

Answer 2

由于我没有足够的声誉，我必须在答案中添加它。

我以前没有使用过这个库，但你能尝试添加换行标记吗，比如 <br />。

Answer 3

<div className={classes.entryContent}>
  <Typography className={classes.entryContentParagraph} variant="body2" paragraph={true}>
    <ReactMarkdown>
      <p>{entry.comment}</p>
      <p>{entry.username}</p>
    </ReactMarkdown>
  </Typography>
</div>

创建新行，反应 tsx 不起作用

Create new line with react tsx not working

line-breaks

typescript

reactjs

react-native