主页 / 问题 / 1597596
Accepted
Anton D
Asked:2024-10-23 16:42:48 +0000 UTC2024-10-23 16:42:48 +0000 UTC

如何将外部对象的颜色值传递给组件的 props？

  • 772

请告诉我如何将颜色值从外部对象转发到组件并将其直接应用于对象？在这种情况下，我的颜色存储在 Color.jsx 文件中，我将它们连接到根组件并希望将它们转发到 ItemCard，并通过它转发到 Btn，但没有任何反应......我查看了一堆指南并不知道如何传播正在发挥作用。 UPD：感谢评论员，我更正了寄存器，现在它给出了一个错误，Cannot read property "active" of undefined.它位于根组件中，如果您删除 itemCard 道具的转发，那么一切至少都可以工作。那么如何传递道具呢？

import Color from '../constansts/Color.jsx'

export default function App() {
    return (
        <SafeAreaView style={BasicStyles.container}>
          <StatusBar style="auto" />
          <Header/>
          <HomeSlider/>
          <ItemCard color={Color.active}/>
        </SafeAreaView>
    );
}

export default function ItemCard(props) {
    return (
        <View>
          <Btn color={props.Color.active}/>
        </View>
    )
}

export default function Btn(props) {
    return (
        <Pressable style={ButtonStyles.wrapper} color={props.color.active}>
    )
}
reactjs

1 个回答

  1. Best Answer

    问题解决了——我简单地导入了 Color 对象，将其值推送到一个包含内容的数组中，因为该组件是通过 map 渲染的，并通过特定元素的 props 调用这个数组中的特定值。

    • 0

相关问题