Javascript 获取数据时我需要切换按钮？

我需要更新我的文章！为此，我使用useEffect从后端获取数据！我正在获取数据，它是布尔值！我需要它当我得到布尔数据切换按钮！这是密码

const [categoryName, setCategoryName] = useState('');
  //   console.log('category title', categoryName);
  const [showInNav, setShowInNav] = useState(false);

useEffect(() => {
    const fetchData = async () => {
      try {
        const res = await axios.get(
          `${process.env.REACT_APP_API_URL}/category/${resultsId}`
        );
        setGetCategoryEdit(res.data);
        setCategoryName(res.data.title);
        setShowInNav(res.data.show_in_nav);
      } catch (err) {
        console.log(err);
      }
    };
    fetchData();
    console.log(fetchData());
  }, [showInNav]);

这是我从数据库中获取的JSON

Object
show_in_nav: true
title: "Football"
__v: 0
_id: "605f3b3a13ba4b65c8d1a5c6"

所以当“show_in_nav”：true时，我需要切换按钮！以下是JSX：

    <input
        value={showInNav}
        onChange={() => setShowInNav(!showInNav)}
        type='checkbox'
        className='form-check-input'
      />

setShowInNav（！showInNav）}
type='checkbox'
className='form-check-input'
/>