React Native（从文本输入中获取值）

Question

所以我正在做一个小小的个人项目，我在从文本输入中获取数值时遇到了一些麻烦。 我要么收到一条错误消息，说该函数需要一个字符串或未定义。

下面是源代码：

//Timer state
  const [timer, setTimer] = useState({
    work: 0.3,
    break: 0.2,
    longBreak: 0.5,
    active: "work",
  });

  const workTime = timer.work;
  const breakTime = timer.break;
  const longBreakTime = timer.longBreak;

这是应该传递值的地方：

function handleChange(name, value) {
    console.log(value);

    switch (name) {
      case "work":
        setTimer({ ...timer, work: parseInt(value) });
        break;
      case "break":
        setTimer({ ...timer, break: parseInt(value) });
        break;
      case "longBreak":
        setTimer({ ...timer, longBreak: parseInt(value) });
      default:
        break;
    }
  }

我正在尝试从此文本输入中检索值：

 <TextInput
              style={styles.input}
              onChange={(workTime) => handleChange("work", setTimer(workTime))}
              placeholder="Work"
              keyboardType="numeric"
              numeric
              value={workTime}
              name="work"
            />

Answer 1

onChange={(workTime) => handleChange("work", workTime)}

您正在传递对钩子函数的调用，而不是从输入中读取的值