在 React Link 中插入空格不起作用？答案

【问题标题】：Insert whitespaces in React Link doesn't work?在 React Link 中插入空格不起作用？
【发布时间】：2020-12-10 10:47:48
【问题描述】：

我正在使用带有引导程序的 React：

  <div className='container'>
        <div className='row' style={{}}>
          Already have an account ? Please {' '} <Link to='/signin'> <span> {' '} Sign In </span></Link> !
        </div>
      </div>

即使没有：

 <div className='container'>
        <div className='row' style={{}}>
          Already have an account ? Please {' '} <Link to='/signin'>{' '} Sign In</Link> !
        </div>
      </div>

但是空格总是被修剪：

我们如何解决这个问题？

【问题讨论】：

标签： javascript reactjs bootstrap-4 hyperlink react-hooks

【解决方案1】：

您可以改用 HTML 实体 (ref)

&nbsp; 用于不间断空格

<div className='row' style={{}}>
  Already have an account ? Please &nbsp; <Link to='/signin'>Sign In</Link> !
</div>

【讨论】：