(jsx) использовать padEnd в тексте элемента - PullRequest
Новая
       7

(jsx) использовать padEnd в тексте элемента

0 голосов
/ 26 августа 2018 
const text = 'testing'.padEnd(25) + 'John'

return (
    <li>{text}</li>
)

ожидаемый результат: 

<li>testing                  John</li>

Фактический объем производства: 

<li>testing John</li>

Какой самый простой способ получить ожидаемый результат?

В связи с этим: Рекомендации по добавлению пробелов в JSX Но как мне это сделать с отступом?

1 Ответ

0 голосов
/ 26 августа 2018

Вы можете использовать тег HTML <pre>, который поддерживает текст в том виде, в котором он представлен, для окружения переменной text. 

class Example extends React.Component {
  render() {
    const text = 'testing'.padEnd(25) + 'John';
    return (
      {text}
);}} ReactDOM.render (, document.getElementById ('root')); 
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.min.js"></script>

<div id="root"></div>
...