如何根据数据条件更改React Native style颜色

import React, { useState } from 'react';

const MyComponent = () => {
  const [color, setColor] = useState('red');

  // 其他组件代码...

  return (
    <View style={{ backgroundColor: color }}>
      {/* 组件内容 */}
    </View>
  );
};

export default MyComponent;

const MyComponent = () => {
  const [color, setColor] = useState('red');
  const data = // 获取数据的方法

  if (data === 'condition1') {
    setColor('blue');
  } else if (data === 'condition2') {
    setColor('green');
  } else {
    setColor('red');
  }

  // 其他组件代码...
};

const MyComponent = () => {
  const [color, setColor] = useState('red');
  const data = // 获取数据的方法

  setColor(data === 'condition1' ? 'blue' : data === 'condition2' ? 'green' : 'red');

  // 其他组件代码...
};

return (
  <View style={{ backgroundColor: color }}>
    {/* 组件内容 */}
  </View>
);

import { StyleSheet } from 'react-native';

const styles = StyleSheet.create({
  container: {
    backgroundColor: color,
  },
});

return (
  <View style={styles.container}>
    {/* 组件内容 */}
  </View>
);