javascript - 为什么输入中的默认值是在键盘上键入任何按钮后设置的
问题描述
我在我的应用程序中有一个输入,我试图使用函数设置一个默认值,然后将该值发送到服务器。仅当我单击键盘上的任何按钮时才设置该值。如果我不这样做,则 value 为空,我无法将其发送到服务器。我想在不单击任何内容的情况下设置该默认值。任何想法?
输入是:
<div>
<input
className="form-control"
name="frequency"
value={this.state.frequency}
onChange={this.handleConstFrequency}
placeholder={'30'}
/>
</div>
handleConstFrequency 函数:
handleConstFrequency = () => {
this.setState({ frequency: '30' })
}
解决方案
您可以使用 React Hooks 并定义您的状态,然后对其进行更新。
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>
</>
);
}
推荐阅读
- c# - 使用表达式的 MongDb 投影查询不适用于 C#
- c# - CLoudBLob 存储提取属性(404 错误)
- php - 如何在php中按值对多维数组进行排序
- java - 此 Java 行的 C# 等效项是什么?
- php - 登录时如何处理不同类型的用户?
- tsql - 针对不同的数据库调用 IDENT_CURRENT
- node.js - 在 scheduleJob 中使用 Nock 进行测试
- mongodb - mongo db - 将值投影到向量中
- splunk - 如何计算 splunk 搜索结果中的事件总数?
- reactjs - Preact 是否有 create-react-app 替代方案?