加载页面时运行OnPress按钮

Question

我将数据发送到我的API，然后致电页面datamanifest.js

在此页面上，我只是调用import { Actions } from 'react-native-router-flux';

我有一个按钮，单击时将转到index.js页

<Button
  onPress={ Actions.index() }
  title="Return"
  color="#841584"
/>

但是，当加载页面时，它直接调用到index.js而无需单击按钮

并返回以下调试器警告：

警告：无法在现有状态过渡期间进行更新（例如 在render或其他组件的构造函数中）。渲染方法 应该是道具和状态的纯粹功能；构造函数副作用 是一个反模式，但可以移至componentWillMount。

Answer 1

想想什么是onpress。这是一个函数。您需要将其传递一个功能。您最初通过的是运行该功能的结果。您不想通过运行该功能的结果，需要一个函数。因此，您将通过onPress={Actions.index}。如果您需要管理使用该函数的参数，则可以将其包装在另一个函数中并以这种方式管理。像其他答案一样，也暗示了onPress={ () => { Actions.index() } }。但是您看到，这是返回函数，而不是运行功能的结果。

Answer 2

来自

onPress={ Actions.index() }

to

onPress={ () => { Actions.index() } }