react js lodash循环遍历并更改字段值

import _ from 'lodash';

const data = [
  { id: 1, name: 'Alice' },
  { id: 2, name: 'Bob' },
  { id: 3, name: 'Charlie' }
];

const updatedData = _.map(data, item => {
  return { ...item, name: item.name.toUpperCase() };
});

class MyComponent extends React.Component {
  state = {
    data: updatedData
  };

  render() {
    // 渲染使用更新后的数据
    return (
      <div>
        {this.state.data.map(item => (
          <div key={item.id}>{item.name}</div>
        ))}
      </div>
    );
  }
}