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

碰巧您需要选择许多。为此，我建议使用此solution。