Переменная сцепления с JSON в JSX / React Native

Question

Итак, я создаю одно из тех погодных приложений с пользовательскими кавычками, основанными на погодных условиях. Приведенный ниже код работает ... но, как вы видите, у меня есть несколько кавычек. Я сгенерировал случайную числовую переменную, которая также работает. Я пытаюсь добавить эту переменную в WeatherCases JSX ... Я знаю, что это можно сделать, но человек, я не могу понять синтаксис, чтобы заставить его работать ...

Работает на цитате

const weatherCases = {

   "clear sky": {
      title: "clear sky",
      quote1: "Custom quote 1.",
      quote2: "Custome quote 2",
      quote3: "Custom quote 3",
      ...
  }
}

function Forecast({ temp, weatherName, city }) {
  return ( 
    <View style={styles.forecastContainer}> 

      <View style={styles.forecastTopContainer}>
        <View>
          <Text style={styles.quoteText} >{weatherCases[weatherName].quote}</Text>
        </View>
      </View>
    </View>
  );
}

Что я пытаюсь сделать, чтобы получить случайную цитату (это одно из дюжины правок, чтобы заставить эту строку работать:

function Forecast({ temp, weatherName, city }) {

  const randomNumber = (Math.floor(Math.random() * 30));
  console.log(randomNumber);
  //console.log(weatherName);
  return ( 
    <View style={styles.forecastContainer}> 

      <View style={styles.forecastTopContainer}>
        <View>
          <Text style={styles.quoteText} >{weatherCases[weatherName].quote.{randomNumber}}</Text>
        </View>
      </View>
    </View>
  );
}

Answer 1

Я полагаю, что вы пытаетесь сделать так, как это

weatherCases [weatherName] ["quote" + randomNumber.toString ()]

например, результат randomNumber равен 3, он будетбыть таким

weatherCases["clear sky"]["quote3"]