Я выясню, что React.js будет конденсировать теги HTML-компонента JSX при рендеринге, можно ли это избежать?
Например, у меня есть компонент jsx, определенный таким образом:
<div id="wrapper">
<span>1</span>
<span>2</span>
<span>3</span>
</div>
после рендеринга, он отображается в браузере таким образом, сжимается:
<div id="wrapper"><span>1</span><span>2</span><span>3</span></div>
Я знаю, что немного странно задавать такой вопрос, но иногда я просто хочу, чтобы компонент отображался как способ, которым я его определял.
И разница между конденсированным и неконденсированным кодом:
не-конденсируют:
конденсируется:
Это, естественно, один и тот же код. Хотя я знаю, что неконденсированный код действует иначе, чем сжатый, потому что он содержит некоторые вкладки или пустые символы, это изначально, как мы его определяем.
Может быть, это смешно и не имеет смысла это делать, но я все равно ценю любую помощь, спасибо!