react-native 如何将道具数据传递给其他组件？答案

【问题标题】：How to pass prop data to other components in react native?react-native 如何将道具数据传递给其他组件？
【发布时间】：2021-06-03 17:02:48
【问题描述】：

我是 react-native 的新手，我想构建一个主屏幕。在我的主屏幕中，有一个日期选择器和一个时间选择器以及其他组件。我在另一个文件夹中编写日期选择器和时间选择器的代码，然后像这样将其作为道具导入我的主屏幕。

import Datepicker from './components/Datepicker'
import Timepicker from './components/Timepicker'

export default HomeScreen() {
  return (
 <SafeAreaView>
  <Datepicker/>
  <Timepicker/>
<SafeAreaView>
)
}

如何访问在 Datepicker 和 Timepicker 中声明的日期和时间变量？

【问题讨论】：

标签： react-native

【解决方案1】：

您将要研究状态管理：https://reactnative.dev/docs/state

但要回答您的问题，您可以这样做：

import React, { useState } from 'react';

export default HomeScreen() {
  const [date, setDate] = useState();
  const [time, setTime] = useState();
  return (
        <SafeAreaView>
            <Datepicker setDate={setDate} />
            <Timepicker setTime={setTime} />
        <SafeAreaView>
    )
}

然后在您的各个组件中，如果您需要它们，您可以分别传递时间和日期，但这样状态是在父组件中并由子组件修改。

【讨论】：

【解决方案2】：

您需要某种共享状态。如果数据和对其执行的操作相对简单，只需将它们保存在一个 Context 中，您可以从两个兄弟组件中使用它。

【讨论】：