onchange 相关问题

当元素的状态发生变化时，会触发onChange事件。许多使用GUI的语言都支持某种形式的更改事件。例如JavaScript和JavsScript库jQuery（带.change（）函数）。

} > {citiesArray.map ((城市) => ( < <Select label="Starting City" className='max-w-xs mx-auto shadow-lg' startContent={<LocationCityIcon/>} > {citiesArray.map ((city) => ( <SelectItem key={city} value={city} onChange={() => handleStartingCityChange(city)}>{city}</SelectItem> ))} </Select> 我正在使用 NextUI 的 Select 和 SelectItem 组件。我只是尝试根据从数组中选择的字符串来更改变量。每当我更改 SelectItem 的值时，我就会调用一个 handleStartingCityChange 函数。目前，我只是在控制台上记录此函数的内容，但没有出现任何内容。我真的很想得到一些帮助。谢谢根据文档事件 onChange 将应用于主要组件 Select，而不是 SelectItem。在上面的链接中提到的受控示例下方提供了一个 onChange 示例请尝试以下代码： import React, { useEffect, useMemo, useState } from 'react' import { Select, SelectItem } from "@nextui-org/react"; const CitySelect = () => { let options = [ { label: "City 1", value: "city1" }, { label: "City 2", value: "city2" }, { label: "City 3", value: "city3" }, ] const [SelectedCity, SetSelectedCity] = React.useState(new Set([options[0]['value']])); // SETTING DEFAULT CITY AS 1ST CITY const [Variable, SetVariable] = useState("-") // A Variable THAT WILL CHANGE according to the SelectedCity const handleSelectionChange = (e) => { SetSelectedCity(new Set([e.target.value])); console.log("Selected City", Array.from(SelectedCity)); // YOU MAY NOTICE THAT SELECTION IS OLD, LAGGING BEHIND LATEST STATE // TO FIX THAT USE, useMemo // Using Array.from() to make a array out of Set Data type }; // WHENEVER SelectedCity CHANGES useMemo will be fired useMemo(() => { console.log("City Selection Changed : ", Array.from(SelectedCity)); // Using Array.from() to make a array out of Set Data type console.log("Changing the variable :", Array.from(SelectedCity)[0].toUpperCase()); SetVariable(Array.from(SelectedCity)[0].toUpperCase()) }, [SelectedCity]) return ( <div> <h3>This Variable changes according to SelectedCity : {Variable}</h3> <Select items={options} selectedKeys={SelectedCity} // onSelectionChange={SetSelectedCity} // DIRECTLY CHANGES SELECTED VALUE onChange={handleSelectionChange} /* when you use onSelectionChange dont use onChange & vice-a-versa, JUST ONE of them */ defaultSelectedKeys={SelectedCity} // SETTING DEFAULT SELECTED KEY AS 1ST CITY label="Favorite City" placeholder="Select an City" > { (options) => <SelectItem key={options.value} value={options.value}> {/* LOOK HERE CLOSELY NO EVENTS APPLIED HERE*/} {options.label} </SelectItem> } </Select> </div> ) } export default CitySelect

reactjs onchange nextui

回答 0 投票 0

仅当 Promise 在 onChange 事件中解析时才触发 onChange 事件

常量验证（id）{ 重新调整新的 Promise((resolve,reject)=>{ 轴调用（） .then((res)=> 解析(res)) .catch((err)=>拒绝(err)) }} 我有以上承诺。我正在尝试调用 onChange ...

reactjs events promise onchange

回答 1 投票 0

反应输入 OnChange 字段

我正在开发一个 React 应用程序。我已经实现了一个输入字段，用户可以在其中输入值。但是，我遇到了此输入字段的问题。当用户输入时，它会显示中间值，

javascript reactjs input onchange

回答 2 投票 0

onChange 在没有回调的情况下无法按预期工作

这段代码给了我一个严重的 setState 错误。我希望 onChange 中的代码在 onChange 之后立即运行，而不需要回调 ()=>，因为我希望在所有表单字段都存在时禁用按钮...

javascript reactjs onchange formik setstate

回答 1 投票 0

我们如何将 Chakra RangeSlider 值传递到 Formik 中？

我正在尝试使用 Formik 将数据传递到带有脉轮范围滑块的注册表单中。我无法将更改后的值传递到我的handleSignUp() 函数中。他们总是只显示最初的

onchange formik chakra-ui rangeslider

回答 2 投票 0

onchange 函数没有被调用 Select-Javascript

当我更改“选择”中的选项时，不会调用 onchange 函数。我为 Select 创建了一个 onchange 函数。当我从前端 HTML 更改选项时，不会触发 onchange 函数。我

javascript html select onchange

回答 1 投票 0

获取更改前的值

在通过用户输入或以编程方式更改值之前，我无法在文本框中获取值。我认为这与 _TextChanged 事件有关，但是一旦执行...

c# winforms textfield onchange

回答 5 投票 0

onchange 与 onChange 的区别以及何时使用？

刚刚解决一个问题，我注意到 HTML 有一个 onchange 事件，而 React 有一个 onChange 事件处理程序。想知道两者之间最大的区别是什么，除了一个之外

javascript html reactjs onchange

回答 1 投票 0

过滤我的反应状态（对象数组）

我有一个事件处理程序，旨在从有状态数组中过滤出选定的项目。目前，它正在过滤数组中的所有内容，而不是预期的选择。输入图像描述...

arrays object filter onchange react-state

回答 1 投票 0

查看html表单是否发生变化

使用 jquery 我已将更改处理程序添加到表单中。当任何输入更改时，这才有效，但仅当用户手动更改输入时，而不是当其他代码更改输入时才有效。有没有...

javascript jquery html forms onchange

回答 7 投票 0

为什么我无法使用C# Web浏览器控件触发选择更改事件

jQuery 函数在 URL 上编写如下： $("#letter").on("更改", function() { //一些工作正在完成 } 想要从后面的 C# 代码访问相同的函数，无法调用

javascript onchange

回答 1 投票 0

如何使用 onclick 函数将用户从第一个组件重定向到第二个组件

从“react”导入React 从 'react-router-dom' 导入 { useNavigate } 从“./api/Userdata”导入用户从 './InsideChat' 导入 InsideChat const 聊天 = () => { const seeMsg = (id) =>...

javascript reactjs onclick vite onchange

回答 1 投票 0

Onclick 函数在地图函数内部的元素中不起作用[重复]

从“react”导入React 从“./api/Userdata”导入用户 const 聊天 = () => { const seeMsg = (id) => { 控制台.log(id) } 返回（ ... import React from 'react' import user from './api/Userdata' const Chats = () => { const seeMsg = (id) => { console.log(id) } return ( <div className="main"> { user.map((currUser) =>{ const [name, id, time, image] = user; return( <div className="user w-full h-14 my-1 flex justify-between content-center" key={currUser.id}> <img className='shadow rounded-full max-w-full h-11 w-11 align-middle border-none' src={currUser.image} onClick={seeMsg(currUser.id)} alt=""/> <div className="name pr-16 pl-1 justify-center text-center flex items-center text-gray-900 font-medium mb-1">{currUser.name}</div> <div className="time font-thin text-xs text-center flex items-center pr-2">{ currUser.time }</div> </div> )})} </div> ) } export default Chats 我正在尝试创建一个 Whatsapp 克隆。这些是成功打印的基本细节。但我希望当有人单击特定配置文件时，其 id 将使用 seeMsg() 在控制台中打印。所以我使用 onclick 但它显示错误。您面临的问题是由于您在代码中使用“onClick”处理程序的方式造成的。 “onClick”处理程序需要对函数的引用，但在当前代码中，您在渲染组件时直接调用该函数。它应该看起来像这样： onClick={() => seeMsg(currUser.id)}

javascript reactjs onclick vite onchange

回答 1 投票 0

Flutter Bloc onChange 和 State 不起作用

我正在开发 flutter bloc 来为整个应用程序设置登录状态但我遇到了一些问题我写的函数都可以正常运行但是当我尝试通过eg'(bloc.

flutter onchange bloc

回答 1 投票 0

工作表更改代码出现 VBA 数据验证错误

我一直在增强一个输入表，用户将通过某些列中的下拉菜单进行各种选择，并在其他列中手动输入值。正在发生相关错误...

excel vba validation onchange target

回答 1 投票 0

输入[type =“date”]的onchange事件不起作用

我对 javascript 和 MVC 世界相当陌生，所以请原谅可能很简单的问题。我有一个日期类型输入表，用户需要为每个命名行选择日期。允许用户