ReactNative :无法在现有状态转换期间进行更新(例如在`render`中)。呈现方法应该是属性和状态的纯函数

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

class MyComponent extends Component {
  constructor(props) {
    super(props);
    this.state = { count: 0 };
  }

  componentDidMount() {
    // 在组件挂载后更新状态
    this.setState({ count: this.state.count + 1 });
  }

  render() {
    return (
      <View>
        <Text>{this.state.count}</Text>
      </View>
    );
  }
}

export default MyComponent;

import React, { useState, useEffect } from 'react';
import { View, Text } from 'react-native';

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

  useEffect(() => {
    // 在组件挂载后更新状态
    setCount(count + 1);
  }, []); // 空依赖数组表示只在组件挂载时执行一次

  return (
    <View>
      <Text>{count}</Text>
    </View>
  );
};

export default MyComponent;