[Solved]-how to change background color when I click the button using react hooks-Reactjs

  function App() {
  const [color,setColor]=useState('red');
  const [textColor,setTextColor]=useState('white');
  return (
    <div className="App">
      <button style={{background:color,color:textColor}} className='btn btn-primary' onClick={()=>{setColor("black");setTextColor('red')}}>Click here</button>
    </div>
  );
}

export default App;

kelvin kantaria 1418

function App() {
  const [toggle,setToggle] = React.useState(false);
  const toggleIt =()=>{
    setToggle(!toggle)
  }
  return (
    <div className="App">
    <button onClick={toggleIt}>{toggle?'Hide':'Show'}</button>
     <div className={toggle&&'body-color'}>
      Body
     </div>
    </div>
  );
}

class in App.css

.body-color{
  background: coral;
  height:100vh;
}

Source: stackoverflow.com

[Solved]-how to change background color when I click the button using react hooks-Reactjs

Related Query

More Query from same tag