未处理的运行时错误错误：请求失败，状态码为 500

Question

我收到未处理的运行时错误 错误：请求失败，状态码为 500

当我 console.log(gotid ) 我得到 id
但是当我将它传递给网络选项卡中的 axios 时，它变成了 https://ask-over.herokuapp.com/questone/undefined

const [Item, setItem] = useState([]);
  const router = useRouter();
  var id = router.query.itmid;
  var gotid = id;
  console.log(gotid);

  useEffect(() => {
    axios
      .get("https://ask-over.herokuapp.com/questone/" + gotid)
      .then((result) => {
        console.log(result);
        // document.title = result.data[0].Name;
        setItem(result.data);
      });
    //  console.table(this.state.items);
  }, [id]);

Answer 1

是的，只需在 useEffect 中执行此操作：

useEffect(() => {
   if(id != null){
      axios.get(url +"/"+id).then(...)
   }
},[id])

Answer 2

无需创建额外的变量：

const [Item, setItem] = useState([]);
  const router = useRouter();
  var id = router.query.itmid;
  console.log(id);

  useEffect(() => {
    axios
      .get("https://ask-over.herokuapp.com/questone/" + id)
      .then((result) => {
        console.log(result);
        // document.title = result.data[0].Name;
        setItem(result.data);
      });
    //  console.table(this.state.items);
  }, [id]);