微客导航 » 文章资讯 » React ::数据列表

React ::数据列表

2023-07-03 16:27:03 449

从基本数组中渲染元素列表。

使用isOrdered prop的值有条件地渲染

元素，给它一个 key 从它的索引和值的级联产生。省略默认情况下isOrdered 渲染

function DataList({ isOrdered, data }) {
  const list = data.map((val, i) => (
    {val}
  ));
  return isOrdered ? {list}
 : {list};
}

const names = ['John', 'Paul', 'Mary'];
ReactDOM.render(, document.getElementById('root'));
ReactDOM.render(, document.getElementById('root'));