初学react之遍历

361 阅读1分钟

一、在我们平常的开发中,遍历永远是必不可少的,遍历在我们的开发中非常常见,那么我们可以来看一下怎么用。

const numbers = [1, 2, 3, 4, 5];
const listItems = numbers.map((number) =>
  <li key={number.toString()}>{number}</li>
);
render(
<ul>
{listItems}
</ul>
)

在react中的遍历是利用map来实现的,其实很像我们平常写原生一样,遍历生产你需要的元素,然后再渲染出来。不过相对于vue的遍历的话,我觉得vue的遍历会更加舒服。

<ul>
<li v-for="(item,index) in dataList" :key="index" >{{item}}</li>
</ul>

不管如何,每天学习和复习一小点,积累起来就是一大步咯。你get到了吗