Reactの変数（関数）の中で変数を使うためには

Question

if内でdata.c1の値を、forループのiの値に応じて変える処理を行いたいです。

i = 0のとき、if(data.c0)・・・
i = 1のとき、if(data.c1)・・・
i = 2のとき、if(data.c2)・・・
といった具合です。

変数の中で変数を使うこ場合、どのような記法があるか教えてください。

  render() {
    const aaa = [];
    for (let i = 0; i < 3; i += 1) {
      if (data.c1) {
        aaa.push(
          <TouchableHighlight
            style={styles.button}
            onPress={() => { this.props.navigation.navigate('Answer', { answer: data.c1 }); }}
            underlayColor="#C70F66"
          >
            <Text style={styles.buttonTitle}>{data.c1}</Text>
            </TouchableHighlight>
        );
      }
    }

    return (
      <View style={styles.container}>
        <Text>{data.categ_name}</Text>
        <Text>{data.q}</Text>
        {aaa}
      </View>
    );
  }

Answer 1

以下のようにすると、変数名を変数で取得できます。

const data = {c0: 'a', c1: 'b', c2: 'c'};
for (let i=0; i<3; i++) {
  let k = 'c' + i;
  let v = data[k];
  console.log(v);
}