JSX将嵌入式变量转换为字符串

Question

我试图基于整数值动态生成一些空白空间。

我认为以下方法会起作用：

function createTab(level) {

    let y = "";

    for (let i = 0; i < level; i++) {
        y = y + " &nbsp; ";
    }

    let x = <span>{y}</span>;
    return x
}

但是，JSX引用了span元素中的y值来呈现此结果。引用使＆nbsp 显示为文本。

我在做什么错了？

Answer 1

我需要使用Unicode字符“ \ u00A0”，它才有效：

function createTab(level) {

    let y = "";

    for (let i = 0; i < level; i++) {
        y = y + " \u00A0 ";
    }

    let x = <span>{y}</span>;
    return x
}

JSX似乎不喜欢HTML代码