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')}
            />
相关推荐
wyzqhhhh2 分钟前
组件库打包工具选型(npm/pnpm/yarn)的区别和技术考量
前端·npm·node.js
码上暴富9 分钟前
vue2迁移到vite[保姆级教程]
前端·javascript·vue.js
土了个豆子的25 分钟前
04.事件中心模块
开发语言·前端·visualstudio·单例模式·c#
全栈技术负责人38 分钟前
Hybrid应用性能优化实战分享(本文iOS 与 H5为例,安卓同理)
前端·ios·性能优化·html5
xw51 小时前
移动端调试上篇
前端
伍哥的传说1 小时前
Lodash-es 完整开发指南:ES模块化JavaScript工具库实战教程
大数据·javascript·elasticsearch·lodash-es·javascript工具库·es模块·按需导入
@菜菜_达1 小时前
Lodash方法总结
开发语言·前端·javascript
GISer_Jing1 小时前
低代码拖拽实现与bpmn-js详解
开发语言·javascript·低代码
YAY_tyy1 小时前
基于 Vue3 + VueOffice 的多格式文档预览组件实现(支持 PDF/Word/Excel/PPT)
前端·javascript·vue.js·pdf·word·excel
Yvonne爱编码1 小时前
AJAX入门-AJAX 概念和 axios 使用
前端·javascript·ajax·html·js