使用React-Admin / Material UI文本字段保留换行符？

Question

我正在使用React-Admin并在我的数据库中有一个包含换行符（\ n）的字段。当我在这样的页面上输出这个：

<TextField source="extra_details" />

换行符被忽略，一切都在一起运行。如何正确显示换行符？

谢谢

Answer 1

怎么样<RichTextField />？

https://marmelab.com/react-admin/Fields.html#richtextfield

或者您可以随时创建自己的TextField组件。

Answer 2

风格可能会有所帮助......

import {withStyles} from "@material-ui/core/styles";

const styles = {
  displayLinebreakAndTab: {whiteSpace: "pre-wrap" },
};

const SomeText = withStyles(styles)(({classes, ...props}) => (
  <TextField
    className={classes.displayLinebreakAndTab}
    {...props}
  />
));