Создать кнопки в цикле и установить элементы массива в качестве заголовка

Question

Я хочу создать несколько кнопок в цикле for и нашел решение переместить кнопки в массив, а затем использовать этот массив в моем представлении. Пока это хорошо работает.
Но я не могу установить элементы массива как заголовки кнопок:

render() {
  let numArray = this.props.numbers;

  if (numArray.length > 0) {
    var buttons = [];
    for (let i = 0; i < numArray.length; i++) {
      buttons.push(
        <Button
          title={numArray[i]}
          onPress={() => this.onButtonClick(i)}
        />
      );
    }

    return (
      <View style={styles.container}>
        {buttons}
      </View>
    );
  } else {
    return null;
  }
}