RN 函数式 生命周期

React Native 中的函数式组件（Functional Components）没有像类组件（Class Components）那样的生命周期方法。但是，你可以使用 React 的钩子函数来实现类似的功能。

下面是一些常用的钩子函数和它们在函数式组件中的用法：

1. useState：用于在函数式组件中添加状态。通过调用 useState，你可以声明一个状态变量，并返回一个包含状态和更新状态的数组。例如：

import React, { useState } from 'react';

const MyComponent = () => {
  const [count, setCount] = useState(0);

  // 在组件中使用 count 状态和 setCount 函数
  // ...

  return (
    // JSX 渲染
  );
};

2. useEffect：用于处理副作用，比如订阅事件、数据获取等。useEffect 接受一个回调函数和一个依赖数组（可选），依赖数组用于指定依赖项，只有当依赖项发生变化时，才会重新执行回调函数。例如：

import React, { useEffect } from 'react';

const MyComponent = () => {
  useEffect(() => {
    // 在组件加载或依赖项变化时执行的逻辑
    // ...

    return () => {
      // 在组件卸载时执行的清理逻辑
      // ...
    };
  }, [dependency1, dependency2]);

  return (
    // JSX 渲染
  );
};

3. useContext：用于在组件中访问上下文对象。useContext 接受一个上下文对象作为参数，并返回上下文的当前值。例如：

import React, { useContext } from 'react';
import MyContext from './MyContext';

const MyComponent = () => {
  const value = useContext(MyContext);

  // 使用上下文的值
  // ...

  return (
    // JSX 渲染
  );
};

虽然函数式组件没有像类组件那样的完整生命周期，但通过使用这些钩子函数，你可以实现类似的功能。