Сохранять разрывы строк с помощью текстовых полей React-Admin / Material UI?

Question

Я использую React-Admin и в моей базе данных есть поле, которое содержит разрывы строк (\ n). Когда я вывожу это на страницу вроде этого:

<TextField source="extra_details" />

Разрывы строк игнорируются, и все работает вместе. Как сделать так, чтобы переводы строки отображались правильно?

Спасибо

Answer 1

Стили могут помочь ...

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

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

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

Answer 2

А как насчет <RichTextField />?

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

Или вы всегда можете создать свой собственный компонент TextField.