reactjs - 如何突出显示 material-ui TextField 中的部分文本

Question

我要亮点 不是 选择 TextField 中的部分值零件

像这样的东西



我尝试使用 <span>在 value Prop 中有一个类，但显示 [object Object]反而。

我怎样才能做到这一点？

Answer 1

是的，可以突出显示 ，但我们需要将文本预先解析为 html，
警告!! 必须小心文本的来源。
npm 安装 html-react-parser

var parse = require('html-react-parser');
<Typography > {parse(props.text)}</Typography>

示例: props.text = "这应该呈现你的 html"