首页 > 解决方案 > 如何在三元运算符条件下附加字符串和 html 标签?

问题描述

我在 React 中有一个三元条件

return <span>
    {
        data.length > 136
            ? this.trimStringLength(data, 136) + (<span>see more...</span>) 
            : data
    }
</span>;

在这里,this.trimStringLength提供了一个修剪字符串。结果应该是“这里的一些数据查看更多......”但我得到的是“这里的一些数据[对象对象]”

如何连接以获得所需的结果?

标签: javascriptreactjsjsx

解决方案


使用片段

例如:

<span>
  {data.length > 136
    ? <>{this.trimStringLength(data, 136)} <span>see more...</span></>
    : data}
</span>

推荐阅读