Javascript 为什么不是';输入标题中的t HTML实体不适用于React

Javascript 为什么不是';输入标题中的t HTML实体不适用于React,javascript,html,reactjs,Javascript,Html,Reactjs,为什么我不能使用HTML实体&le用于使用JavaScript常量的HTML输入标题属性,但如果使用字符串,我可以吗 HTML实体&le是≤ 象征 我提供了一个演示: 当您将鼠标悬停在顶部输入上时,您将看到由字符串定义的符号。但是,如果将鼠标悬停在底部输入上,则不会显示符号,而是显示字符串&le 提前谢谢 您需要在JSX上下文中才能发出≤, 不仅仅是一根绳子 您可能需要使用而不是,或者/也可以工作。您可以使用parseFromString()方法,通过声明DOMParser()将字符串转换为h

为什么我不能使用HTML实体
&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 &le; 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文档中也介绍了这一点: