使用ForEach在onChange上获取和显示数据时，用户导航到父屏幕

。

首先，ForEach是一种用于在React中循环渲染元素的方法。它可以接受一个数组作为参数，并为数组中的每个元素生成相应的组件或元素。

在onChange事件中使用ForEach可以实现在用户导航到父屏幕时获取和显示数据的功能。具体步骤如下：

1. 首先，确保你已经安装了React和相关的依赖。
2. 在父屏幕的组件中，定义一个状态变量来存储数据。可以使用useState钩子函数来创建状态变量。
3. 在onChange事件处理函数中，获取需要显示的数据。可以通过事件对象的target属性来获取用户输入的值。
4. 将获取到的数据添加到之前定义的状态变量中。可以使用数组的push方法或展开运算符来实现。
5. 在父屏幕的渲染函数中，使用ForEach方法遍历状态变量中的数据，并生成相应的组件或元素来显示数据。

下面是一个示例代码：

import React, { useState } from 'react';

const ParentScreen = () => {
  const [data, setData] = useState([]);

  const handleChange = (event) => {
    const newData = event.target.value;
    setData([...data, newData]);
  };

  return (
    <div>
      <input type="text" onChange={handleChange} />
      {data.forEach((item, index) => (
        <div key={index}>{item}</div>
      ))}
    </div>
  );
};

export default ParentScreen;

在上面的示例中，我们创建了一个ParentScreen组件，其中包含一个文本输入框和一个用于显示数据的div元素。在onChange事件处理函数中，我们获取用户输入的值，并将其添加到data状态变量中。然后，我们使用ForEach方法遍历data数组，并为每个元素生成一个div元素来显示数据。

这是一个简单的示例，你可以根据实际需求进行修改和扩展。同时，如果你想了解更多关于React的相关知识和技术，可以参考腾讯云的React产品介绍页面：React产品介绍。