Как создать массив вложенных компонентов вне функции render () в React Native?

Question

У меня экран, реализованный как класс, с методом рендеринга. Я пытаюсь создать метод, который будет возвращать массив <View> компонентов с двумя <Text> компонентами в качестве дочерних элементов.

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

  makeNested() {
    return <View> <Text>test</Text> </View>
  }

  render() {
    return (
      {this.makeNested()}
    )
  }

, что приводит к ошибке, сообщающей, что текст должен быть визуализирован внутри компонента <Text>, поэтому он не обрабатывает внутренний компонент как объект JSX.

Возможно ли это сделать?

Answer 1

Попробуйте это

export default class YourScreen extends Component {
 makeNested() {
    return <View> <Text>test</Text> </View>
  }

  render() {
    return (
      {this.makeNested}
    )
  }
}