Question

export default (props, index) => {
    const listing = props.listing

    return(
        <div className={4 % index === 0 && 'row'}>
            <div className="col-md-4">
                <h4>{listing.name}</h4>
            </div>
        </div>
    )
}

如何将行添加到一行中的4个项目？以上是列表项组件。

Answer 1

我只是在这里猜测，因为你的问题不是很清楚。

我猜你有一系列的商家信息，每行需要4个商家信息。

这可能是这样的：

const listingRows = listings.slice(0, 4).map(listing => 
  `<div className='col-md-4'>{listing.name}</div>`
)

return (
  <div class='row'>
  {listingRows}
  </div>
)

这将为您提供连续listing数组的前四个元素。

如果你能更好地解释，我们可以帮助你更好

使用行响应列表组件响应

1 个答案: