React Native state错误

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

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

  useEffect(() => {
    console.log('Count updated:', count);
  }, [count]);

  return (
    <>
      <Text>{count}</Text>
      <Button title="Increment" onPress={() => setCount(count + 1)} />
    </>
  );
};

export default ExampleComponent;

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

const ListItem = React.memo(({ item }) => {
  return <Text>{item.name}</Text>;
});

const ListComponent = ({ data }) => {
  const [list, setList] = useState(data);

  return (
    <View>
      {list.map(item => (
        <ListItem key={item.id} item={item} />
      ))}
    </View>
  );
};

export default ListComponent;

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

const ExampleComponent = () => {
  const [name, setName] = useState('');

  return (
    <>
      <Text>{name}</Text>
      <Button title="Set Name" onPress={() => setName('John')} />
    </>
  );
};

export default ExampleComponent;