如何在三元运算符条件中附加字符串和html标签？

Question

我在 React 中有一个三元条件

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

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

我怎样才能连接以获得所需的结果？

Answer 1

使用片段：

例如：

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