Question

如何在react native中将表格数据从screen1传递到screen2？我在scrren1中有以下代码，我希望在screen2中过帐金额数据。请让我知道如何在screen2上传递数据并以react native方式接收数据吗？

df['New_date'] = pd.to_datetime(df.D,dayfirst=True)

Answer 1

这取决于您是否要在父母与子女之间，子女与父母之间或兄弟姐妹之间传递数据

我建议您阅读旧的Passing Data Between React Components，但是这篇文章确实帮助我理解了传递数据背后的逻辑，因为它不像其他编程语言那样容易实现。

使用道具摘录：

class App extends React.Component {
    render() {
    [... somewhere in here I define a variable listName 
     which I think will be useful as data in my ToDoList component...]

        return (
            <div>
                 <InputBar/>
                 <ToDoList listNameFromParent={listName}/>
            </div>
        );
    }
}

现在在ToDoList组件中，使用this.props.listNameFromParent访问该数据。

Answer 2

您可以通过多种方法在React Native中将信息从一个屏幕发送到另一个屏幕。例如

使用反应导航在场景之间导航。您将能够将参数传递给您的组件，当接收到这些参数时，可以在导航道具中对其进行访问。

this.props.navigation.navigate({routeName:'sceneOne', params:{name} });
您还可以将道具直接发送到组件，然后在其中进行处理。在第一个组件的 render 部分中，您可能会遇到类似这样的内容：

<myComponent oneProps={name}/>

在该示例中，您将在第二个组件中收到道具“ oneProps”，并且可以通过以下方式访问它：

type Props = {
   oneProps: string,
}

class myComponent extends React.Component<Props> {
   render() {
     console.log('received sent props', oneProps);
     return (
       <View> // display it
         <Text>{this.props.oneProps}</Text>
       </View>
     );
   };
 }

这些只是两个有效的解决方案，但还有更多解决方案。

希望它对您有所帮助：）

祝你有美好的一天

在React Native中如何将表格数据从screen1传递到screen2

2 个答案: