如何在React js中插入数据

哈桑

我正面临React JS的问题,我想在一行中而不是在一列中显示所有数据。

我应该在代码中进行哪些更改?

工作演示:

https://codesandbox.io/s/nostalgic-wood-9jrib?file=/src/App.js:0-355

反应成分

import React from "react";

export default function App() {
  const names =
    data &&
    data.length &&
    data.map(({ full_name }) => <p key={full_name}>{full_name}</p>);

  return <div className="row">{names}</div>;
}
Vivek Doshi

p :用作段落,因此默认情况下它将覆盖整个宽度,除非您用css覆盖

您可以使用,

// if you need more space you can apply class to span and add some padding-mrgin
// as per your need
<span key={full_name}>{full_name} {' '}</span>

代替

<p key={full_name}>{full_name}</p>

编辑lucid-sun-vrkjb

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章