Ellipsis 组件的 content 里面如果有 \n,不会自动换行
Closed this issue · 4 comments
Version of antd-mobile
5.37.1
Operating system and its version
Others
Browser and its version
Crome 版本 131.0.6778.205(正式版本) (arm64)
Sandbox to reproduce
No response
What happened?
Ellipsis 组件的 content 里面如果有 \n,不会自动换行,也不能使用 dangerouslySetInnerHTML
Relevant log output
No response
Hi, FruitJ.
Please provide a online reproduction so that we can help you troubleshoot the problem. You can create a demo by codesandbox or stackblitz.
我们需要你提供一个在线的重现实例,以便于我们帮你排查问题。你可以通过 codesandbox 或 stackblitz 创建一个实例。
一下三种方法,应该可以解决上述的问题,希望可以看下优先解决下,感谢 🥹
- 支持 \n 换行
- 支持
换行 - 支持 dangerouslySetInnerHTML
或者有什么解法辛苦贴一下
你好,FruitJ。
请提供在线复现,以便我们帮助您解决问题。您可以通过codesandbox或stackblitz创建演示。
我们需要您提供一个在线的实例,以便我们帮助排查问题。您可以通过codesandbox或stackblitz创建一个实例。
您好,我这边已经出制作了在线实例:https://codesandbox.io/p/sandbox/damp-currying-f3ntcd?workspaceId=ws_QRkxt7wGzthGexLuRHmLKr
这和 Ellipsis 没关系,你直接写 <div>{'a\nb'}</div>
也是不会换行的。需要换行要改 css:
https://codesandbox.io/p/sandbox/great-meitner-tgglt8?file=%2Fsrc%2FApp.tsx%3A17%2C9