Как это исправить: объект недействителен как React Child

Question

Ошибка, подобная этой

Мне нужна помощь, как решить эту проблему, извините, я новичок в реакции на родную, я застрял в течение нескольких часов, надеюсь, кто-нибудь может помочь исправить это..

Заранее спасибо ^^

Answer 1

Когда вы вызываете этот

{PAGES.map((page) => this.renderViewPagerPage(page))}

, вы передаете полный объект {"id":1,"page":<StepOne></StepOne>} внутри Text компонента, вам просто нужно передать текст, который вы хотите визуализировать, а не весь объект.

замените свой код ниже

renderViewPagerPage = (data) => {
    return(<View style={styles.page}>
      <Text>{data}</Text>
    </View>)
  }

на

 renderViewPagerPage = (data) => {
        return(<View style={styles.page}>
          <Text>{data.page}</Text>
        </View>)
      }