(Blog) Build a Redux hooked app

Diet-App.jsx

export default function App() {
  const diet = useSelector((state) => state.diet);
  const dispatch = useDispatch();

  function handleVegToggle() {
    dispatch({
      type: ACTIONS.CHANGE_DIET,
    });
  }
  
  return (
    <div className="food-app">
        // rest of the code
        <label>
          <input
            type="checkbox"
            name="veg-checkbox"
            value={diet}
            checked={diet === 'veg'}
            onChange={handleVegToggle}
          />
          Veg Only
        </label>
        // rest of the code
    </div>
  );
}