Reactjs 奇怪的加法反应

有一个输入，我希望将该输入中的值添加到当前状态变量中，该变量为整数，初始值为0，但其添加方式类似于字符串。 如果我输入数字50，状态加起来是050，而不是你所期望的0+50=50

我的代码：

import React, { useState, useRef, useEffect } from "react";
import { degreesToRadiansFlipped } from "./helpers/degreesToRadiansFlipped";
function Circle() {
  let [degree, setDegree] = useState(0);
  const inputField = useRef();


  return (
    <div>
      <canvas width={500} height={500}></canvas>
      <form
        onSubmit={(e) => {
          e.preventDefault();
          setDegree((degree += inputField.current.value));
          console.log(inputField.current.value);
        }}
      >
        <input type="number" ref={inputField}></input>
        <button type="submit">Submit</button>
      </form>
    </div>
  );
}

export default Circle;

import React，{useState，useRef，useffect}来自“React”；
从“/helpers/degreestorarisflipped”导入{degreestorarisflipped}；
函数圆（）{
let[degree，setDegree]=useState（0）；
const inputField=useRef（）；
返回(
{
e、 预防默认值（）；
setDegree（（degree+=inputField.current.value））；
日志（inputField.current.value）；
}}
>
提交
);
}
导出默认圆；

输入的

值

属性始终是

字符串

，只需在操作之前将其转换为

int

degree += parseInt(inputField.current.value)

---

输入的

值

属性始终是

字符串

，只需在操作之前将其转换为

int

degree += parseInt(inputField.current.value)