如何设置样式或控制从ReactJS中数组的列表/键保存的元素？

const myList = ['item1', 'item2', 'item3'];

const listItems = myList.map((item, index) =>
  <li key={index} style={{ color: 'red' }}>{item}</li>
);

ReactDOM.render(
  <ul>{listItems}</ul>,
  document.getElementById('root')
);

const myList = [
  { id: 1, name: 'item1' },
  { id: 2, name: 'item2' },
  { id: 3, name: 'item3' }
];

const listItems = myList.map(item =>
  <li key={item.id}>{item.name}</li>
);

ReactDOM.render(
  <ul>{listItems}</ul>,
  document.getElementById('root')
);