Javascript 带有特殊字符（十六进制值）的条件输入占位符

如何有条件地呈现返回字符而不是字符串值本身的占位符

为什么第二个输入占位符解释为特殊字符，而第一个占位符解释为字符串

类应用程序扩展了React.Component{
render（）{
const{mode}=this.props；
返回(
)
}
}
ReactDOM.render(
,
document.getElementById（“react”）
);
正如评论所说，我们可以直接使用符号

还有另一个方案解决方案：

DOMParser接口提供了将XML或HTML源代码从字符串解析为DOM文档的能力

请参见此处的更多示例：


const-App=（）=>{
常量输入模式0=（）=>{
返回(
);
};
常量InputMode1=（{mode}）=>{
const parser=new DOMParser（）；
const text=parser.parseFromString(
`●；●；●；●；●；`，
“文本/html”
).body.textContent；
返回(
);
};
常量InputMode2=（{mode}）=>{
const parser=new DOMParser（）；
const text=parser.parseFromString(
`●；●；●；●；●；`，
“文本/html”
).body.textContent；
返回(
);
};
返回(
);
}
render（，document.getElementById（“根”））
不是一个特定的解决方案，但目前我添加了● 而不是
●。手动添加
●
到Chrome DevTools中的占位符，字符更改为●
const yourText = `●`

const parser = new DOMParser();
const text = parser.parseFromString(yourText, "text/html").body.textContent;

placeholder={mode && text}