存储React Native回调函数

在React Native中，可以使用以下几种方式来存储回调函数：

1. 使用Hooks的useState方法

import React, { useState } from 'react';
import { Button } from 'react-native';

const App = () => {
  const [callback, setCallback] = useState(null);

  const handleCallback = () => {
    if (callback) {
      callback();
    }
  };

  const saveCallback = () => {
    setCallback(() => {
      console.log('Callback function is stored.');
    });
  };

  return (
    <>
      <Button title="Save Callback" onPress={saveCallback} />
      <Button title="Call Callback" onPress={handleCallback} />
    </>
  );
};

export default App;

在上面的示例中，我们使用useState钩子来存储回调函数。首先，我们定义一个callback状态变量，并使用setCallback方法来更新该变量。然后，我们在saveCallback函数中将回调函数存储到callback变量中。最后，在handleCallback函数中，我们检查callback变量是否存在，如果存在，则调用该回调函数。

2. 使用类组件

import React from 'react';
import { Button } from 'react-native';

class App extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      callback: null,
    };
  }

  handleCallback = () => {
    if (this.state.callback) {
      this.state.callback();
    }
  };

  saveCallback = () => {
    this.setState({
      callback: () => {
        console.log('Callback function is stored.');
      },
    });
  };

  render() {
    return (
      <>
        <Button title="Save Callback" onPress={this.saveCallback} />
        <Button title="Call Callback" onPress={this.handleCallback} />
      </>
    );
  }
}

export default App;

在上面的示例中，我们使用类组件来存储回调函数。首先，在构造函数中初始化callback状态变量。然后，在saveCallback函数中，我们使用setState方法来更新callback变量。最后，在handleCallback函数中，我们检查callback变量是否存在，如果存在，则调用该回调函数。

无论是使用Hooks还是类组件，上述两种方法都可以用来存储React Native的回调函数。选择哪种方法取决于你的项目需求和个人偏好。