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

Question

我在 bootstrap 中使用 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>

然而，空格总是被修剪掉：

我们如何解决这个问题？

Answer 1

您可以改用 HTML 实体 (ref)

  for non non-breaking space

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

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

Insert whitespaces in React Link doesn't work?

javascript

hyperlink

reactjs

bootstrap-4

react-hooks