使用React Hooks动态更新颜色？

import React, { useState } from 'react';

const [color, setColor] = useState('red');

return (
  <div style={{ backgroundColor: color }}>
    <button onClick={() => setColor('blue')}>Change to Blue</button>
    <button onClick={() => setColor('green')}>Change to Green</button>
  </div>
);

import React, { useState } from 'react';

const ColorChanger = () => {
  const [color, setColor] = useState('red');

  return (
    <div style={{ backgroundColor: color }}>
      <button onClick={() => setColor('blue')}>Change to Blue</button>
      <button onClick={() => setColor('green')}>Change to Green</button>
    </div>
  );
};

export default ColorChanger;