首页 > 其他 > 详细

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

时间:2020-01-07 18:42:05      阅读:114      评论:0      收藏:0      [点我收藏+]
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"}
/>女
 
 

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

原文:https://www.cnblogs.com/zqxi/p/12162870.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!