react + antD 在JSX语句中插入空格

山橘月雪

已于 2022-09-02 17:44:45 修改

阅读量1.8k

点赞数 4

文章标签： react.js javascript 前端

于 2022-09-02 17:42:45 首次发布

本文链接：https://blog.csdn.net/wangbaobao512/article/details/126667798

版权

导语：在 React、Vue的 JSX中无法直接使用 ‘ ’ 来直接插入空格
解决：使用 {’\u00A0’}来插入一个空格。若想插入多个空格，则复写 \u00A0即可。
如: 若插入三个空格可写作{’\u00A0\u00A0\u00A0’}
**示例：**在后台管理系统产品要求以下截图用户手机号和券状态：对齐

//此处省略用户手机号代码
                      <Col span={6} >
                            <Form.Item name='status' label={<div className='label_box'>{`\u00A0\u00A0\u00A0` +'券状态'}</div>}>
                                <Select defaultValue="1" placeholder="请选择券状态" allowClear>
                                    <Select.Option value='1'>未使用</Select.Option>
                                    <Select.Option value='2'>已失效</Select.Option>
                                </Select>
                            </Form.Item>
                        </Col>