2 回答
TA贡献1936条经验 获得超6个赞
一种方法是在反应中使用dangerouslySetInnerHTML。
function createMarkup(str) {
return {__html: str};
}
function MyComponent({str}) {
return <div dangerouslySetInnerHTML={createMarkup(str)} />;
}
const myText = 'First · Second';
<MyComponent str={myText} />}
另一种方法是使用带有转义符号的 Unicode 字符(例如 \u0057)而不是 HTML 代码 (·)。
function MyComponent({str}) {
return <div>{str}</div>;
}
const myText = 'First \u0057 Second';
<MyComponent str={myText} />
TA贡献1860条经验 获得超9个赞
import React from "react";
import "./style.css";
export default function App() {
const htmlEntity = <div>÷</div>;
return (
<div>
<Hello htmlEntity={htmlEntity}/>
</div>
);
}
const Hello = ({htmlEntity}) => (
<div>{htmlEntity}</div>
)
像这样实现
添加回答
举报