React本机componentDidUpdate中的Animated.timing

import React, { Component } from 'react';
import { View, Animated } from 'react-native';

class MyComponent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      fadeAnim: new Animated.Value(0), // 初始值为0
    };
  }

  componentDidMount() {
    Animated.timing(
      this.state.fadeAnim,
      {
        toValue: 1,
        duration: 1000,
      }
    ).start();
  }

  componentDidUpdate() {
    Animated.timing(
      this.state.fadeAnim,
      {
        toValue: 0,
        duration: 1000,
      }
    ).start();
  }

  render() {
    const { fadeAnim } = this.state;

    return (
      <Animated.View
        style={{
          opacity: fadeAnim,
          flex: 1,
          justifyContent: 'center',
          alignItems: 'center',
        }}
      >
        {/* 组件内容 */}
      </Animated.View>
    );
  }
}

export default MyComponent;