代码之家  ›  专栏  ›  技术社区  ›  d.b

在下拉菜单中将字符串呈现为html

  •  0
  • d.b  · 技术社区  · 7 年前

    Volvo 2 Volvo [object Object] . 我不太明白怎么做 dangerouslySetInnerHTML

    在我的实际应用程序中,所有文本( Volvo<sup>2</sup> , Saab <sup> , <sub> ,或其他标签。

    import React from "react";
    
    export default function DropDown(props) {
      return (
        <select>
          <option value="volvo">
            Volvo<sup>2</sup>
          </option>
          <option value="saab">Saab</option>
          <option value="mercedes">Mercedes</option>
          <option value="audi">Audi</option>
        </select>
      );
    }
    
    2 回复  |  直到 7 年前
        1
  •  1
  •   Timothy L Gillespie    7 年前

    这不是一个特定的问题,而是一个一般的选择选项问题。使用unicode可以解决这个问题,如下所示:

    Volvo&#178;
    

    因此,可以使用一个函数将sub和sup标记解析为相应的unicode。

        2
  •  1
  •   sonicloong    7 年前

    内容 option 标记只能是文本。您可以使用:

    <option value="volvo">
        Volvo&sup2;
    </option>