&nbsp jsx无法正常工作

html HTML

梅伽罗

2020-03-13

我在jsx中使用&nbsp标记,它没有呈现空间。以下是我的代码的一小段。请帮助。

var Reporting=React.createClass({

  render: function(){
    return(
      <div style={divPositionReporting}>
          <p>Pricing Reports</p>
          <hr></hr>
          Select Scenario:&nbsp;&nbsp;
          <select>
            <option></option>
          </select>
          <button type="button">Get Pricing Report</button>
          <br/>
          Select Takeout Scenario:&nbsp;
          <select>
            <option></option>
          </select>
          <button type="button">Get Pricing Report</button>
          <br/>
      </div>
    );
  },

});

第1455篇《&nbsp jsx无法正常工作》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

2个回答
神无老丝Davaid 2020.03.13

编写jsx代码{ },如下所示。

<h1>Code {' '}</h1>

您可以在此处放置空格或任何特殊字符。

例如你的情况

Select Takeout Scenario:&nbsp;

应该是这样的

Select Takeout Scenario:{' '}

会的。

作为建议,您不应该&nbsp用来添加额外的空间,可以使用css来实现。

阿飞古一A 2020.03.13

您还可以使用ES6模板文字,即

`   <li></li>` or `  ${value}`

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android