Bertindak balas ralat pemaparan Asli apabila cuba membuat berbilang komponen

Question

Saya mahu memberikan berbilang salinan komponen tersuai yang sama yang dibina selepas pengguna menekan butang "Tambah". Kod saya adalah seperti berikut:

import "react-native-get-random-values";
import { StyleSheet, TextInput, View, Text, TouchableHighlight, Button } daripada 'react-native';
import React, { useState } daripada 'react';
import { v4 sebagai uuidv4 } daripada 'uuid';
import Lift daripada './Lift'

eksport fungsi lalai Lifts() {
  // const [kad, setCards] = useState([{ id: uuidv4() }])
  // const onPress = () => setCards([...kad, [{ id: uuidv4() }]])
  const [kad, setCards] = useState([uuidv4()])
  const onPress = () => setCards([...cards, uuidv4()])

  const liftCards = cards.map((id) => {
    kembali (
      <Kunci lihat={id}>
        <Angkat />
      </Lihat>
    )
  })

  kembali (
    <Lihat>
      <TouchableHighlight onPress={onPress} underlayColor={'#DDDDDD'} style={styles.touchable}>
        <Lihat gaya={styles.button}>
          <Teks>
            Tambah Angkat
          </Teks>
        </Lihat>
      </TouchableHighlight>
      {/* <Gaya teks={{ alignSelf: 'center', top: 100 }}>
        {kad}
      </Teks>
      {
        cards.map((data, id) => {
          kembali (
            <Teks> {id} </Teks>
          )
        })
      }
    </Lihat>
  )
}

gaya const = StyleSheet.create({
  butang: {
    alignItems: 'tengah',
    lebar sempadan: 2,
    Warna sempadan: 'hitam',
    sempadanRadius: 10,
    padding: 10,
  },
  boleh disentuh: {
    marginMendatar: 10,
    10 teratas
  }
})

dalam coretan di atas ialah komponen tersuai yang saya mahu paparkan pada skrin. Masalah yang saya hadapi ialah selepas mengklik "Tambah Boost" beberapa kali saya mendapat mesej ralat yang mengatakan "undefined is not a function".我得到的错误：

ERROR TypeError: undefined bukan fungsi

Ralat ini terletak di:
    dalam Lifts (dicipta oleh SceneView)
    dalam StaticContainer
    dalam EnsureSingleNavigator (dicipta oleh SceneView)
    dalam SceneView (dicipta oleh SceneView)
    dalam RCTView (dicipta oleh View)
    dalam View (dicipta oleh DebugContainer)
    dalam DebugContainer (dicipta oleh MaybeNestedStack)
    dalam MaybeNestedStack (dicipta oleh SceneView)
    dalam RCTView (dicipta oleh View)
    dalam View (dicipta oleh SceneView)
    dalam RNSScreen (dicipta oleh AnimatedComponent)
    dalam AnimatedComponent
    dalam AnimatedComponentWrapper (dicipta oleh InnerScreen)
    dalam Suspender (dicipta oleh Freeze)
    dalam Suspense (dicipta oleh Freeze)
    dalam Freeze (dicipta oleh DelayedFreeze)
    dalam DelayedFreeze (dicipta oleh InnerScreen)
    dalam InnerScreen (dicipta oleh Skrin)
    dalam Skrin (dicipta oleh SceneView)
    dalam SceneView (dicipta oleh NativeStackViewInner)
    dalam Suspender (dicipta oleh Freeze)
    dalam Suspense (dicipta oleh Freeze)
    dalam Freeze (dicipta oleh DelayedFreeze)
    dalam DelayedFreeze (dicipta oleh ScreenStack)
    dalam RNSScreenStack (dicipta oleh ScreenStack)
    dalam ScreenStack (dicipta oleh NativeStackViewInner)
    dalam NativeStackViewInner (dicipta oleh NativeStackView)
    dalam RNCSafeAreaProvider (dicipta oleh SafeAreaProvider)
    dalam SafeAreaProvider (dicipta oleh SafeAreaInsetsContext)
    dalam SafeAreaProviderCompat (dicipta oleh NativeStackView)
    dalam NativeStackView (dicipta oleh NativeStackNavigator)
    dalam PreventRemoveProvider (dicipta oleh NavigationContent)
    dalam NavigationContent
    dalam Tidak Diketahui (dicipta oleh NativeStackNavigator)
    dalam NativeStackNavigator (dicipta oleh Apl)
    dalam EnsureSingleNavigator
    dalam BaseNavigationContainer
    dalam ThemeProvider
    dalam NavigationContainerInner (dicipta oleh Apl)
    dalam Apl (dicipta oleh withDevTools(App))
    dalam withDevTools(App)
    dalam RCTView (dicipta oleh View)
    dalam View (dicipta oleh AppContainer)
    dalam RCTView (dicipta oleh View)
    dalam View (dicipta oleh AppContainer)
    dalam AppContainer
    dalam utama(RootComponent), enjin js: hermes

我相当有信心问题出在我对 uuidv4() 功能的使用上，因为当我使用完全相同的代码但打印卡片的长度佶,... d 数字而不是 uuidv4() 的数组，它也会在每次按下时输出正确的数字和正确的增量。我希望在使用 ) 卡的数量与 kad

的长度相匹配>

编辑：我提供了一些从我的移动设备上看到的错误屏幕截图 移动设备上的错误 移动设备上的错误继续

Answer 1

Saya tidak dapat mengetahui apa masalahnya, tetapi terima kasih kepada beberapa perbincangan dalam ulasan saya mendapat pencerahan bahawa sesuatu mungkin tidak dikaitkan dengan betul dengan kebergantungan uuid. Jadi saya menggunakan pakej uuid yang berbeza dan nampaknya berjaya...buat masa ini