Как обернуть текст без пробелов в React?

Question

Моя попытка: https://codesandbox.io/s/fast-smoke-bhudq. Это не обертывание, а скорее перетекание вправо, через «Привет». Также кажется, что maxWidth неэффективно.

Так может ли кто-нибудь обновить пример так, чтобы текст был ограничен определенной максимальной шириной и разбился на несколько строк?

Answer 1

Вместо

<Box
  component="div"
  flexWrap="wrap"
  wordWrap="break-word"
  ...
>

вам понадобится что-то вроде

<Box
  style={{
    flexWrap: 'wrap',
    wordWrap: 'break-word',
    ...
  }}
>