我仍然学习本机，并且我正在参加一个大学项目，我必须制作一个呈现在屏幕上的值分别四个数组，一次四个，并在按下开始按钮后超时将它们的值更改为下一数组；

其中四个的长度完全相同，但没有固定长度；

如果可能的话，有人可以给我一些提示的方法，以管理吗？到目前为止，我发现的大多数示例都可以一次渲染整个数组。

我考虑过将它们设置为状态，然后以某种方式使用它们的索引进行渲染，然后超时地增加指向数组下一个值的索引。

每个数组应该是这样的：

"sensor_data_1": { "0": 100,"1": 101,"2": 102,"3": 103,... }

或

"sensor_data_1": [ 100,101,102,103,... ]

这是应该渲染的组件

const SensorsDetail = ({ evaluation }) => {

  const [state,setState] = useState(evaluation);

  return(
    <View style={styles.view}>
        <Card>
            <Text style={styles.text}>{state.sensor_data_1}</Text>
        </Card>
        <Card>
            <Text style={styles.text}>{state.sensor_data_2}</Text>
        </Card>
        <Card>
            <Text style={styles.text}>{state.sensor_data_3}</Text>
        </Card>
        <Card>
            <Text style={styles.text}>{state.sensor_data_4}</Text>
        </Card>
    </View>
  );
};