react ant Input defaultValue={value}设置了value值以后,但是defalult没有赋值上,输入框也没有显示

在 React 中,defaultValue 是一个非受控属性,而 value 是一个受控属性。这两个属性都可以用于设置 Input 组件的值,但是它们的工作方式有所不同。

  • value:这是一个受控属性,意味着输入框的值由 React 状态控制。每当状态更新时,输入框的值也会更新。如果你设置了 value,你也需要提供一个 onChange 处理器,以便更新这个值。

  • defaultValue:这是一个非受控属性,意味着输入框的值不受 React 控制。它只设置输入框的初始值,但不会在后续的渲染中更新。如果你设置了 defaultValue,输入框的值可以被用户更改,但不会触发任何 React 的状态更新。

在你的问题中,你提到 defaultValue={value},但是输入框没有显示任何值。这可能是因为 value 变量在初始化 Input 组件

所以这么使用onChange和value配合使用:

js 复制代码
    <Input
              placeholder={i18nValue('请输入')}
              style={{ width: '100%' }}
              allowClear
              // defaultValue={value}
              value={value}
              maxLength={100}
              onChange={(event) => setValue(event.target.value, preRowData, rowIndex, 'resultIntroduction')}
            />
相关推荐
长风清留扬5 分钟前
小程序毕业设计-音乐播放器+源码(可播放)下载即用
javascript·小程序·毕业设计·课程设计·毕设·音乐播放器
web1478621072319 分钟前
C# .Net Web 路由相关配置
前端·c#·.net
m0_7482478019 分钟前
Flutter Intl包使用指南:实现国际化和本地化
前端·javascript·flutter
飞的肖23 分钟前
前端使用 Element Plus架构vue3.0实现图片拖拉拽,后等比压缩,上传到Spring Boot后端
前端·spring boot·架构
青灯文案130 分钟前
前端 HTTP 请求由 Nginx 反向代理和 API 网关到后端服务的流程
前端·nginx·http
m0_7482548835 分钟前
DataX3.0+DataX-Web部署分布式可视化ETL系统
前端·分布式·etl
用户305875848912537 分钟前
Connected-react-router核心思路实现
react.js
ZJ_.1 小时前
WPSJS:让 WPS 办公与 JavaScript 完美联动
开发语言·前端·javascript·vscode·ecmascript·wps
GIS开发特训营1 小时前
Vue零基础教程|从前端框架到GIS开发系列课程(七)响应式系统介绍
前端·vue.js·前端框架·gis开发·webgis·三维gis
Cachel wood1 小时前
python round四舍五入和decimal库精确四舍五入
java·linux·前端·数据库·vue.js·python·前端框架