带有换行符的 React/Momentjs 日期格式

xyz*_*ode 6 javascript momentjs reactjs

我有一个日期字符串,我想格式化月份下的数字:

Jul
 6
Run Code Online (Sandbox Code Playgroud)

我尝试了几种不同的方法来添加新行:

<Moment format="MMM[\n]d">{`${date}`}</Moment>
Run Code Online (Sandbox Code Playgroud)

但我得到的结果是:

Jul\n6
Run Code Online (Sandbox Code Playgroud)

Chr*_*ris 7

如果你想让 Tholle 的解决方案与反应时刻一起工作,你需要执行以下操作:

<Moment style={{whiteSpace: "pre"}} format={"MMM[\n]d"}>{`${date}`}</Moment>
Run Code Online (Sandbox Code Playgroud)

通过将格式放在括号内,[\n]将达到预期的效果。