jsのリファクタリングを行いたい。

Question

前提・実現したいこと

jsのリファクタリングを行いたいです。
javascriptを書いたのですが綺麗にかけているのかどうかわからないのでコードの駄目だし、ここをこうしたほうがいいなどのアドバイス頂きたいです。

該当のソースコード

const SomethingComponent = () => {
  const changeElementColorToRed = (event) => {
    event.target.style.background = 'red'
  }
  const changeElementColorToBlue = (event) => {
    event.target.style.background = 'blue'
  }
  const changeElementColorToGreen = (event) => {
    event.target.style.background = 'green'
  }
  return(
    <div id='target-red' onClick={changeElementColorToRed}/>
    <div id='target-blue' onClick={changeElementColorToBlue}/>
    <div id='target-green' onClick={changeElementColorToGreen}/>
  )
}

もっとスマートに書けないかなと思っています。

よろしくお願いします。