reactjs - 调用API请求时如何设置多个状态？

Question

我将我的类组件转换为功能性的。当我向 API 发出发布请求时，我想更新我的值的状态，但我的 stockId 始终为 0 并且我得到Error: Request failed with status code 500.

function NowyZakup () {

  const [date, setDate] = useState('');
  const [count, setCount] = useState(0);
  const [productId, setProductId] = useState(0);
  const [stockId, setStockId] = useState(0);

...

  const saveStock = () => {
    var data = {
      stockId: stockId,
      productId: productId,
      date: date,
      count: count,
    };
    axios.post('http://localhost:8000/api/stock/', data, {
      headers: {
        "Content-type": "application/json"
      }
    })
      .then(response => {
        setStockId(response.data.stockId);
        setProductId(response.data.productId);
        setDate(response.data.date);
        setCount(response.data.count);
        console.log(response.data)   
      })
      .catch(e => {
        console.log(e);
      });
      console.log(data)
  }

标签： reactjs