如何将带有对象的数组发送到React-Native中的下一个屏幕

Question

我想将ATN数组发送到下一个屏幕，此ATN数组很好，所有项目都很容易获得。我和listm.js和我想将此数组带到venued.js ....提前感谢。

Answer 1

您可以使用props

将数据传递到另一个组件

这将是这样的：

//MyComponent.js
const myArr = [1, 2, 3];
<MyChild array={myArr} />
//MyChild.js - if statless component
const MyChild = (props) => {
  const receivedArray = props.myArr;
  // or const { myArr } = props;
}
//MyChild.js - if class component
class MyChild extends Component {
  constructor(props) {
    super(props)
  }
  render() {
    const receivedArray = this.props.myArr;
    return(
    );
  }
}

请注意，可能有错别字，我在评论中写了代码。

我建议您查看官方文档以获取更多信息。

https://facebook.github.io/react-native/docs/props.html

https://facebook.github.io/react-vr/docs/components-props-and-state.html

希望它有帮助

编辑：

根据下面的评论中提供的信息，请确保您已经在根文件中设置了导航组件。如果您能够导航，并且只需要从组件发送访问到另一个组件，那么您可以像此navigate('RouteToVenuD', {atn})一样调用导航方法。然后，atn将在VenuD上作为this.props.navigation.state.params.atn可用。

希望它有帮助

Answer 2

在使用 react-nvigation 时，您可以使用以下方式绕开数据

from_screen.js

navigateTo() {
    this.props.navigation.navigate('ToScreen', {
        data: this.YOUR_ARRAY,
    });
}

to_screen.js

然后，您可以在下一个屏幕上恢复数据。

const { state, setParams, navigate } = this.props.navigation;
const params = state.params || {};
console.log(params.data);