react 原生 数据回显问题 及 单选默认


const {form} = this.state;
console.log(form)  //数据可以获取到
//直接 form.name 会出现错误但不影响数据的显示
< input
 type="text" value={form.name} onChange={this.handleChange} className="name"
/>
//后来各种试 用三目运算
form.name ? form.name : "" 不会报错了
< input
 type="text" value={form.name ? form.name : ""} onChange={this.handleChange} className="name" />

//其实感觉直接做增删改查的话应该能碰运气直接顺手用三目的,这次只是单纯敲下不用ant回显 结果卡了好长事件

//============单选默认事件
//做单选时添加默认也碰到关于checked的问题
//这里的 js 的checked 变成了 defaultChecked
<input
   type="radio"
   name="radio"
   value="1"
   defaultChecked={form.sex*1 ? "defaultChecked" : ""} 
 />男
 <input 
   type="radio"
   name="radio"
   value="0"
   defaultChecked={form.sex*1 ? "" : "defaultChecked"}
/>女
 
 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM