react-native - 在 React Native 中更改目标元素的值

Question

使用功能组件，我想到达我按下的目标元素，因此交互/更改它的值。现在我正在这样做（以样式参数为例），它可以工作。

但是......如果我有更多不同的元素，我怎么能以更动态的方式做到这一点？

import React, { useState } from 'react';
import { View } from 'react-native';


const TestScreen = (props) => {

    const [isA, setA] = useState(false);
    const [isB, setB] = useState(false);
    const [isC, setC] = useState(false);

    return (
       <View style={[isA ? styles.on : styles.off]} onPress={() => setA(!isA)}></View>
       <View style={[isB ? styles.on : styles.off]} onPress={() => setA(!isB)}></View>
       <View style={[isC ? styles.on : styles.off]} onPress={() => setA(!isC)}></View>
    );
};

Answer 1

碰巧您需要选择其中之一。为此，我提出了这个解决方案。