我尝试为jsx元素设置背景，我有两个函数，第一个函数将背景设置为灰色，第二个函数将背景设置为绿色。到目前为止，我设法通过onClick将这两个函数添加到jsx元素中，但是，当单击这两个按钮时，它只运行绿色函数

const [onTwo,SetTwo] = React.useState(false)

const stylesTwo = {
    backgroundColor: onTwo ? "#D6DBF5" : "transparent"
}

function toggleTwo(){
SetTwo(prevstate => !prevstate)

const [green,setGreen] = React.useState(false)

  const color = {
  backgroundColor: green ? "#94D7A2" : "transparent"}
  function checkAnswers(){
    setGreen(true)
  }
<h2 className="answer-two"style={{...stylesTwo,...color}} onClick = {() => {toggleTwo(); checkAnswers();}}>{props.answertwo} </h2>