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"}
/>女
 
 
posted @ 2020-01-07 17:39  casf  阅读(1128)  评论(0编辑  收藏  举报