react-native - 在React Native中更改目标元素的值(Change values of targeted element in React Native)

Question

Using a functional component, I want to reach the targeted element I pressed and so interact/change the value of it.

(使用功能组件，我想达到我按下的目标元素，因此可以交互/更改它的值。)

Right now I'm doing this (using style parem as example), and it works.

(现在，我正在执行此操作（使用样式参数作为示例），并且它可以正常工作。)

But... how can I do it in a more dinamic way if I have much more different elements?

(但是...如果我有更多不同的元素，该如何以一种更生动的方式来实现？)

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>
    );
};

  ask by ehijon translate from so

Answer 1

It happens that you need to choose one of many.

(碰巧您需要选择许多。)

For this I propose this solution .

(为此，我提出了这种解决方案 。)