更新数组中对象的状态并使用react-native更改文本样式

state = {
  data: [
    { id: 1, text: 'Text 1', style: { color: 'black' } },
    { id: 2, text: 'Text 2', style: { color: 'black' } },
    { id: 3, text: 'Text 3', style: { color: 'black' } }
  ]
};

updateObjectStyle = (id) => {
  this.setState(prevState => {
    const newData = prevState.data.map(obj => {
      if (obj.id === id) {
        return {
          ...obj,
          style: { color: 'red' } // 更新文本样式
        };
      }
      return obj;
    });
    return { data: newData };
  });
};

render() {
  return (
    <View>
      {this.state.data.map(obj => (
        <TouchableOpacity
          key={obj.id}
          onPress={() => this.updateObjectStyle(obj.id)}
        >
          <Text style={obj.style}>{obj.text}</Text>
        </TouchableOpacity>
      ))}
    </View>
  );
}