Javascript 为什么不是';输入标题中的t HTML实体不适用于React
为什么我不能使用HTML实体Javascript 为什么不是';输入标题中的t HTML实体不适用于React,javascript,html,reactjs,Javascript,Html,Reactjs,为什么我不能使用HTML实体&le用于使用JavaScript常量的HTML输入标题属性,但如果使用字符串,我可以吗 HTML实体&le是≤ 象征 我提供了一个演示: 当您将鼠标悬停在顶部输入上时,您将看到由字符串定义的符号。但是,如果将鼠标悬停在底部输入上,则不会显示符号,而是显示字符串&le 提前谢谢 您需要在JSX上下文中才能发出≤, 不仅仅是一根绳子 您可能需要使用而不是,或者/也可以工作。您可以使用parseFromString()方法,通过声明DOMParser()将字符串转换为h
&le
用于使用JavaScript常量的HTML输入标题属性,但如果使用字符串,我可以吗
HTML实体&le代码>是≤ 象征
我提供了一个演示:
当您将鼠标悬停在顶部输入上时,您将看到由字符串定义的符号。但是,如果将鼠标悬停在底部输入上,则不会显示符号,而是显示字符串&le使用常量定义的代码>
提前谢谢 您需要在JSX上下文中才能发出≤, 不仅仅是一根绳子
您可能需要使用
而不是
,或者
/
也可以工作。您可以使用parseFromString()
方法,通过声明DOMParser()
将字符串转换为html。像这样
const pars = new DOMParser();
const tooltip = pars.parseFromString("0 ≤ 5", 'text/html').body.textContent;
最终指定修饰常量:
import React from "react";
import ReactDOM from "react-dom";
class App extends React.Component {
render() {
const pars = new DOMParser();
const tooltip = pars.parseFromString("0 ≤ 5", 'text/html').body.textContent;
return (
<React.Fragment>
<label>Working tooltip: </label>
<input type="text" title="0 ≤ 5" />
<br />
<label>Not working tooltip: </label>
<input type="text" title={tooltip} />
</React.Fragment>
);
}
}
ReactDOM.render(<App />, document.getElementById("container"));
从“React”导入React;
从“react dom”导入react dom;
类应用程序扩展了React.Component{
render(){
const pars=new DOMParser();
const tooltip=pars.parseFromString(“0&le;5”,“text/html”).body.textContent;
返回(
工作工具提示:
不工作的工具提示:
);
}
}
render(,document.getElementById(“容器”);
旧的React文档中也介绍了这一点: