javascript - Coffeescript/Javascript 中数组中的字符串与换行符连接

标签 javascript html coffeescript underscore.js jsx

我目前正在使用 Instagram API 来检索用户帖子的标题及其主题标签。我正在映射每篇文章,但在用换行符连接数组时遇到问题;另外,我想在每个主题标签之前添加一个主题标签符号。我知道这听起来很令人困惑,但我将用代码片段和屏幕截图进行演示:

enter image description here

这是我有权访问的照片对象。如果您查看“标签”下,我想显示四个主题标签。所有四个都在显示,但在同一行,并且只有开头行获得主题标签。

eachPost: (post) ->
  return (
    <tr>
      <td>#{post.tags.join("\r\n")}</td>
    </tr>
  )

render: () ->
  return (
    <table>
      <tbody>
        <tr>
          <th>Hashtags</th>
        </tr>
        {_.chain(@state.posts.data).map(@eachPost).value()}
      </tbody>
    </table>
  )

这就是所显示的内容。左栏是标题,右栏是主题标签:

enter image description here

最佳答案

这应该可以解决只有第一个元素获得主题标签的问题:

eachPost: (post) ->
  return (
    <tr>
      <td>"##{post.tags.join("\r\n#")}"</td>
    </tr>
  )

关于javascript - Coffeescript/Javascript 中数组中的字符串与换行符连接,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38532404/

相关文章:

javascript - 使用 axios 配置事件设置状态

html - CSS:绝对定位,图像的(绝对)坐标实际位于图像中的哪里?

html - :focus isn't working but :hover works fine

css - Dashing Rickshawgraph 改变最高数据系列的背景颜色

javascript - Dygraph - 仅突出显示线下区域或多色背景取决于 Y 轴值

javascript - 如何查询MongoDB中的邻居元素?

javascript - 在没有初始原型(prototype)的对象上设置 __proto__

html - 页眉和页脚冲突

coffeescript - 有什么方法可以使用 CoffeeScript 不返回某些内容吗?

Javascript - 检查用户是否正在编辑文本输入