如何在数组 es6 reactjs 中推送 td答案

【问题标题】：How to push td in array es6 reactjs如何在数组 es6 reactjs 中推送 td
【发布时间】：2017-12-03 21:32:09
【问题描述】：

我正盯着构建一些项目，但问题是我无法将标签推送到数组

const createData = _.map(this.props.users, (user, index) => {
      let array = []
      _.map(user.user, (i, index2) => {
        array.push(
          <td>{i.name}</td>
          <td>{i.total_hour}</td>
          <td>{i.manday}</td>
        )
      })
      return (
        <tr key={index}>
          <td>{user.position}</td>
          {array}
        </tr>
      )
    })

我该怎么做呢

【问题讨论】：

标签： javascript html arrays reactjs ecmascript-6

【解决方案1】：

jsx 不支持下面的语法，你应该让父母包含它们。

<td>{i.name}</td>
<td>{i.total_hour}</td>
<td>{i.manday}</td>

所以你应该这样改变你的代码：

const createData = _.map(this.props.users, (user, index) => {
  let array = []
  _.map(user.user, (i, index2) => {
    array.concat([i.name, i.total_hour, i.manday])
  })
  return (
    <tr key={index}>
      <td>{user.position}</td>
      {
        array.map((one, i) => {
          reutrn <td key={i}>one</td>
        })
      }
    </tr>
  )
})

【讨论】：

【解决方案2】：

.map 返回一个数组。您可以使用.each 并像这样推送每个元素。

const createData = _.map(this.props.users, (user, index) => {
  let array = []
  _.each(user.user, (i, index2) => {
    array.push(
      <td>{i.name}</td>
      <td>{i.total_hour}</td>
      <td>{i.manday}</td>
    )
  })
})

【讨论】：