在工具提示reactjs中添加断线

时间:2019-03-28 00:52:40

标签: javascript reactjs

im试图在reactjs的工具提示中添加一个换行符,但不起作用。这是我的尝试

<Tooltip placement="right" isOpen={this.state.tooltipOpen} target="TooltipExample" toggle={this.toggleTooltip}>
         line one {\n}
          line two

        </Tooltip>

1 个答案:

答案 0 :(得分:0)

尝试使用它。我无法立即对其进行测试,但我认为这会起作用。

{"\n"}

<Tooltip placement="right" isOpen={this.state.tooltipOpen} target="TooltipExample" toggle={this.toggleTooltip}>
     line one {"\n"}
      line two

    </Tooltip>

编辑:“〜”删除,无意添加。

编辑: 您是否尝试仅添加<br />

 <Tooltip placement="right" isOpen={this.state.tooltipOpen} target="TooltipExample" toggle={this.toggleTooltip}>
     line one <br />
      line two

    </Tooltip>