Javascript 为什么输入中的默认值是在键盘上键入任何按钮后设置的

我在我的应用程序中有一个输入，我试图使用函数设置默认值，然后将该值发送到服务器。该值仅在我单击键盘上的任何按钮时设置。如果我不这样做，则值为空，我无法将其发送到服务器。我想在不单击任何内容的情况下设置默认值。有什么想法吗

输入为：

<div>
  <input 
    className="form-control"
    name="frequency"
    value={this.state.frequency}
    onChange={this.handleConstFrequency}
    placeholder={'30'}
  />
</div>

---

您可以使用React钩子定义您的状态，然后更新它

import React, { useState, useEffect } from "react";
import PropTypes from "prop-types";

export default function App() {
  const [frequency, setFrequency] = useState(20);

  const handleConstFrequency = (e) => {
    setFrequency("30"); // Or override with value e.target.value
  };

  return (
    <>
      <div>
        <input
          className="form-control"
          name="frequency"
          value={frequency}
          onChange={handleConstFrequency}
          placeholder={"20"}
        />
      </div>
    </>
  );
}

import React，{useState，useffect}来自“React”；
从“道具类型”导入道具类型；
导出默认函数App（）{
常数[频率，设置频率]=使用状态（20）；
常数handleConstFrequency=（e）=>{
setFrequency（“30”）；//或用值e.target.value覆盖
};
返回(
);
}

您只需使用该频率值初始化您的状态即可。现在，只有在输入中检测到更改事件时才进行更改。

import React, { useState, useEffect } from "react";
import PropTypes from "prop-types";

export default function App() {
  const [frequency, setFrequency] = useState(20);

  const handleConstFrequency = (e) => {
    setFrequency("30"); // Or override with value e.target.value
  };

  return (
    <>
      <div>
        <input
          className="form-control"
          name="frequency"
          value={frequency}
          onChange={handleConstFrequency}
          placeholder={"20"}
        />
      </div>
    </>
  );
}