reactjs - 用户选择一个选项并在 ReactJS 中按下提交后重新呈现选择选项
问题描述
我是 React 的新手。我试图了解如何使用钩子和状态,但我遇到了一些麻烦。我在选择标签中显示了一些选项,在用户选择一个选项并单击提交后,我想从选项列表中删除该选项,而无需用户刷新。
<form onSubmit={handleSubmit} className="row valign-wrapper">
<div className="input-field col s12 l6">
<select className="browser-default" onChange={(e) => setSelected(e.target.value)} value={selected}>
<option value="None">Select</option>
{ institutions.map(institution => (
<option key={institution._id} value={institution._id}>{institution.name}</option>
))}
</select>
</div>
<div className="col s12 l6">
<button className="btn waves-effect waves-light indigo" type="submit">Apply</button>
</div>
</form>
解决方案
只需将其添加到您的表单 onSubmit={(e)=>e.preventDefault()}
推荐阅读
- javascript - 表示 Java 中路径的字符串以双反斜杠返回到 ajax 调用
- javascript - 如何使用常规函数调用此参数?
- python - Python Paramiko Channel.recv() 的实际返回值类型是什么?
- java - 如何使用单个 if 语句测试字符是否为元音?
- javascript - 风格。不使用 getElementByClassName
- javascript - 如何分离来自 php 的 html/javascript 中的程序列表?
- azure-functions - 如何启用 Azure 博客触发器侦听多个容器?
- sql - SQL 语法错误 - 需要删除数据库
- c - 如何将隐式函数声明视为 CMake 错误?
- html - 如何让用户从任意位置删除画布 2D 中的对象