ReasonReact不安全的字符串到元素

时间:2018-03-30 17:37:30

标签: string reason reason-react

我创建了一个函数,它接受一个字符串并替换其中的特定子字符串:

let mark = (str: string, sub: string) : string => {
    let re = Js.Re.fromString("(" ++ sub ++ ")");
    Js.String.replaceByRe(re, "<mark>$1</mark>", str);
};

它按预期工作。问题在于,当使用ReasonReact.stringToElement时,它可能会出于安全原因而逃避字符串。但是,我确实需要一种方法来不安全地转换元素中的字符串,因此其中的<mark>标记变为有效的HTML。我怎么能这样做?

1 个答案:

答案 0 :(得分:2)

使用dangerouslytSetInnerHTML

它几乎完全按语法转换为ReasonReact:

<div dangerouslySetInnerHTML={ "__html": "<mark>whatever</mark>" } />