React useState - 每个组件使用一个状态还是多个状态 [关闭]

：

jsx
import React, { useState } from 'react';
// 使用单个状态的组件
const SingleStateComponent = () => {
  const [count, setCount] = useState(0);
  const increment = () => {
    setCount(count + 1);
  };
  return (
    
      
单个状态的组件
      
当前计数：{count}
      增加
    
  );
};
// 使用多个状态的组件
const MultipleStatesComponent = () => {
  const [count1, setCount1] = useState(0);
  const [count2, setCount2] = useState(0);
  const increment1 = () => {
    setCount1(count1 + 1);
  };
  const increment2 = () => {
    setCount2(count2 + 1);
  };
  return (
    
      
多个状态的组件
      
计数1：{count1}
      
计数2：{count2}
      增加计数1
      增加计数2
    
  );
};
const App = () => {
  return (
    
      
      
    
  );
};
export default App;