如何在反应原生的屏幕渲染上触发 onPress 事件？答案

【问题标题】：How do i trigger an onPress event on a screen render in react native?如何在反应原生的屏幕渲染上触发 onPress 事件？
【发布时间】：2023-04-02 16:02:01
【问题描述】：

基本上我想做的是每当我进入这个屏幕时触发 onpress 事件，我知道如何在非钩子项目上执行此操作，但我从未遇到过钩子上的这种情况。

我有一个日历组件，它使用 onSelectedDate() 在您选择日历中的一天时触发某些事情，我需要做的是每当我进入此屏幕时单击特定的一天，这样就可以了已选中

我需要使用 ref 吗？还是道具？我不知道，如果可能的话需要一个例子

【问题讨论】：

添加随附的代码以更清晰。
我遇到了您的问题并找到了解决方案，如果您可以发布您的代码，我可以从您的代码中为您提供解决方案。
请为非 hooks 组件添加您的解决方案，以便我们建议 hooks 解决方案
您想将该 onSelectedDate() 功能传递到另一个页面并在其打开后触发它吗？

标签： javascript typescript react-native react-hooks

【解决方案1】：

您需要从 useEffect 挂钩调用 onPress 处理程序的函数。您可能希望在 useEffect 中包含逻辑，以便它仅在您的状态表明尚未选择一个时才调用它。不要忘记在第二个参数的数组中包含任何因变量以避免意外行为。

【讨论】：

一个例子会非常有用

【解决方案2】：

如果你想要更像 componentDidMount 的东西，即在初始渲染后运行一次的代码，在组件安装后，你可以像这样调用useEffect：

function MyComponent() {
  useEffect(() => {
    // code to run after render goes here
  }, []); // <-- empty array means 'run once'

  return (
    <div>whatever</div>
  );
}

【讨论】：