Question

我已经阅读了很多线程，但是找不到解决我问题的方法。

我通过以下方式将参数传递给另一个React Native组件：

<Footer buttonsActive={{ firstButton: 'true', secondButton: 'false' }} />

当我在页脚中登录参数时，我得到：

Object {
  "buttonsActive": Object {
    "firstButton": "true",
    "secondButton": "false",
  },
}

看起来不错，但是当我尝试通过以下方式控制台记录元素时：

console.log(buttonsActive.firstButton);

我收到未定义的错误。通过使用.map（）并询问是否（var == firstButton）来访问这两个值而不进行迭代的方式是什么？

谢谢

Answer 1

可能是您的上下文中找不到的buttonActive对象。它应该是页脚内部的道具。也许尝试在页脚中使用console.log(this.props.buttonsActive.firstButton);。

Answer 2

我终于了解了它是如何工作的，因此可以通过这种方式发送参数：

<Footer firstButton secondButton={false} />

然后以这种方式在页脚组件中访问它们：

const Footer = (buttonStatus) => {
    const firstButtonColor = (buttonStatus.firstButton ? 'black' : 'grey');
    const SecondButtonColor = (buttonStatus.secondButton ? 'black' : 'grey');

希望对您有帮助。

在React Native中将数组作为道具传递

2 个答案: