为了账号安全,请及时绑定邮箱和手机立即绑定

JavaScipt:将 HTML 实体作为函数参数传递

JavaScipt:将 HTML 实体作为函数参数传递

慕的地10843 2023-03-18 15:05:12
有什么方法可以HTML在 JavaScript 中将实体作为函数参数传递。我正在构建一个 React 应用程序,我需要将HTML实体从父组件传递到子组件prop,然后在子组件中显示该实体表示的字符。例如,请参考此处的stackblitz 。在Hello组件中,我需要将从htmlEntityApp 组件接收到的内容打印为 aprop并显示该实体表示的字符,在本例中为符号 - ''。如何实现?
查看完整描述

2 回答

?
LEATH

TA贡献1936条经验 获得超6个赞

一种方法是在反应中使用dangerouslySetInnerHTML。


function createMarkup(str) {

  return {__html: str};

}


function MyComponent({str}) {

  return <div dangerouslySetInnerHTML={createMarkup(str)} />;

}


const myText = 'First &middot; Second';

<MyComponent str={myText} />}

另一种方法是使用带有转义符号的 Unicode 字符(例如 \u0057)而不是 HTML 代码 (·)。


function MyComponent({str}) {

  return <div>{str}</div>;

}


const myText = 'First \u0057 Second';

<MyComponent str={myText} />


查看完整回答
反对 回复 2023-03-18
?
慕码人2483693

TA贡献1860条经验 获得超9个赞

import React from "react";

import "./style.css";


export default function App() {

 const htmlEntity = <div>&#247;</div>;

 return (

  <div>

   <Hello htmlEntity={htmlEntity}/>

  </div>

 );

}


const Hello = ({htmlEntity}) => (

 <div>{htmlEntity}</div>

)

像这样实现


查看完整回答
反对 回复 2023-03-18
  • 2 回答
  • 0 关注
  • 55 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信