форматирование

[martyn-evgeny]

как я понимаю все что в jsx идет как текст оборачивается в span. например

{this.state.text}

. Текст в этом спаме при большом колличестве вылизает за пределы родительского компонента. Например если в последнем примере (работа с тасками) задать большое имя таски, то она вылизит за область тасок, что выглядит не красиво. можно ли как то обрезать это? если в сцц просто задавать какието свойства всем span, то элемент IconMenu с элементами MenuItem тоже мутируют что не хотелось бы трогать.